/* Najmex v2.80 — full system visual sync
   Zakres: landlord + tenant + kreatory + podglądy + podpis/akceptacja dokumentów.
   Warstwa końcowa: naprawia spójność, overflow, mobile i stare klasy bez ruszania logiki PHP. */
:root{
  --nx80-bg:#f4f8fc;
  --nx80-surface:#ffffff;
  --nx80-surface-2:#f8fbfe;
  --nx80-ink:#0c1f34;
  --nx80-ink-2:#17324a;
  --nx80-muted:#5f7489;
  --nx80-muted-2:#7b8fa3;
  --nx80-line:#dce8f2;
  --nx80-line-2:#cdddea;
  --nx80-primary:#075f80;
  --nx80-primary-2:#0ba6bd;
  --nx80-cyan:#18b7c6;
  --nx80-green:#10b981;
  --nx80-red:#e11d48;
  --nx80-amber:#f59e0b;
  --nx80-radius-xl:30px;
  --nx80-radius-lg:24px;
  --nx80-radius-md:18px;
  --nx80-radius-sm:14px;
  --nx80-shadow:0 18px 48px rgba(12,31,52,.075);
  --nx80-shadow-hover:0 26px 70px rgba(12,31,52,.12);
  --nx80-focus:0 0 0 4px rgba(24,183,198,.16);
}

html{min-width:0;scroll-behavior:smooth}
body.nx26-app-body,
body.nx-web-shell,
body.nx-sign-page{
  background:
    radial-gradient(circle at 78% -10%,rgba(24,183,198,.12),transparent 32%),
    radial-gradient(circle at 0% 18%,rgba(7,95,128,.07),transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#eef5fa 100%)!important;
  color:var(--nx80-ink)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.nx26-app-body *,
body.nx-web-shell *,
body.nx-sign-page *{box-sizing:border-box;min-width:0;overflow-wrap:anywhere}
body.nx26-app-body img,
body.nx-web-shell img,
body.nx-sign-page img{max-width:100%;height:auto}

/* ===== Wspólne kontenery wszystkich podstron ===== */
body.nx26-app-body :where(.nx78-dashboard,.nx79-pricing,.nxm-pricing,.nx-wrap,.page,.wrap,.container,.content,.main,.main-content,.nm-container,.nxop-wrap,.nxv-wrap,.nx237-wrap,.nx-auto-wrap,.tp-wrap,.cv-wrap,.docs .page,.pay .page,.ct,.rcpt,.pay,.docs),
body.nx-web-shell :where(.nx78-dashboard,.nx79-pricing,.nxm-pricing,.nx-wrap,.page,.wrap,.container,.content,.main,.main-content,.nm-container,.nxop-wrap,.nxv-wrap,.nx237-wrap,.nx-auto-wrap,.tp-wrap,.cv-wrap,.docs .page,.pay .page,.ct,.rcpt,.pay,.docs){
  width:min(1380px,calc(100% - 32px))!important;
  max-width:1380px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.nx26-app-body :where(.page,.wrap,.container,.content,.main,.main-content,.nxop-wrap,.nxv-wrap,.nx237-wrap,.nx-auto-wrap,.tp-wrap,.cv-wrap,.ct,.rcpt,.pay,.docs),
body.nx-web-shell :where(.page,.wrap,.container,.content,.main,.main-content,.nxop-wrap,.nxv-wrap,.nx237-wrap,.nx-auto-wrap,.tp-wrap,.cv-wrap,.ct,.rcpt,.pay,.docs){
  padding-top:24px!important;
  padding-bottom:54px!important;
}

/* ===== Typografia i hierarchia ===== */
body.nx26-app-body :where(h1,h2,h3,h4,.title,.section-title,.page-title,.nx-title,.nx78-page-title h1,.nx79-pricing-hero h1),
body.nx-web-shell :where(h1,h2,h3,h4,.title,.section-title,.page-title,.nx-title,.nx78-page-title h1,.nx79-pricing-hero h1){
  color:var(--nx80-ink)!important;
  letter-spacing:-.045em!important;
  line-height:1.08!important;
  font-weight:720!important;
}
body.nx26-app-body :where(.muted,.help,.helper,.note,.sub,.breadcrumb,.meta,.nxop-muted,.nxv-muted,.tp-muted,.cv-muted),
body.nx-web-shell :where(.muted,.help,.helper,.note,.sub,.breadcrumb,.meta,.nxop-muted,.nxv-muted,.tp-muted,.cv-muted){
  color:var(--nx80-muted)!important;
  line-height:1.62!important;
}
body.nx26-app-body :where([style*="font-weight:800"],[style*="font-weight: 800"],[style*="font-weight:900"],[style*="font-weight: 900"]),
body.nx-web-shell :where([style*="font-weight:800"],[style*="font-weight: 800"],[style*="font-weight:900"],[style*="font-weight: 900"]){font-weight:720!important}

/* ===== Premium nagłówki podstron: stare i nowe klasy ===== */
body.nx26-app-body :where(.pagehead,.page-head,.section-head,.nx-head,.nxop-hero,.nx237-hero,.nxv-hero,.nx-auto-hero,.cv-hero,.tp-hero),
body.nx-web-shell :where(.pagehead,.page-head,.section-head,.nx-head,.nxop-hero,.nx237-hero,.nxv-hero,.nx-auto-hero,.cv-hero,.tp-hero){
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.52)!important;
  border-radius:var(--nx80-radius-xl)!important;
  padding:26px 28px!important;
  margin:0 0 18px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 88% -10%,rgba(113,230,240,.26),transparent 31%),
    radial-gradient(circle at 0% 110%,rgba(16,185,129,.13),transparent 31%),
    linear-gradient(135deg,#07243d 0%,#0a4667 52%,#0b8397 100%)!important;
  box-shadow:0 26px 68px rgba(7,36,61,.20)!important;
}
body.nx26-app-body :where(.pagehead,.page-head,.section-head,.nx-head,.nxop-hero,.nx237-hero,.nxv-hero,.nx-auto-hero,.cv-hero,.tp-hero)>*,
body.nx-web-shell :where(.pagehead,.page-head,.section-head,.nx-head,.nxop-hero,.nx237-hero,.nxv-hero,.nx-auto-hero,.cv-hero,.tp-hero)>*{position:relative;z-index:1}
body.nx26-app-body :where(.pagehead h1,.page-head h1,.section-head h1,.nx-head h1,.nxop-hero h1,.nx237-hero h1,.nxv-hero h1,.nx-auto-hero h1,.cv-hero h1,.tp-hero h1,.pagehead .title),
body.nx-web-shell :where(.pagehead h1,.page-head h1,.section-head h1,.nx-head h1,.nxop-hero h1,.nx237-hero h1,.nxv-hero h1,.nx-auto-hero h1,.cv-hero h1,.tp-hero h1,.pagehead .title){
  margin:0!important;
  color:#fff!important;
  font-size:clamp(28px,3.4vw,48px)!important;
  max-width:980px!important;
}
body.nx26-app-body :where(.pagehead p,.page-head p,.section-head p,.nx-head p,.nxop-hero p,.nx237-hero p,.nxv-hero p,.nx-auto-hero p,.cv-hero p,.tp-hero p),
body.nx-web-shell :where(.pagehead p,.page-head p,.section-head p,.nx-head p,.nxop-hero p,.nx237-hero p,.nxv-hero p,.nx-auto-hero p,.cv-hero p,.tp-hero p){
  color:rgba(239,249,255,.88)!important;
  max-width:880px!important;
}
body.nx26-app-body :where(.breadcrumb,.nxop-eyebrow,.nx237-eyebrow,.nxv-eyebrow,.nx-auto-eyebrow),
body.nx-web-shell :where(.breadcrumb,.nxop-eyebrow,.nx237-eyebrow,.nxv-eyebrow,.nx-auto-eyebrow){
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:max-content!important;
  max-width:100%!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.12)!important;
  color:rgba(240,250,255,.88)!important;
  font-size:11px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
  margin-bottom:12px!important;
}
body.nx26-app-body .pagehead .row,
body.nx-web-shell .pagehead .row{width:100%;justify-content:space-between!important;align-items:flex-end!important}

/* ===== Karty, panele, stare boxy ===== */
body.nx26-app-body :where(.card,.nx-card,.nx78-card,.nx79-plan-card,.nxm-plan,.nxm-card,.panel,.box,.tile,.item,.itm,.prop,.section,.table-wrap,.tablewrap,.nx-table-wrap,.nxop-card,.nx237-card,.nxv-card,.nx-auto-card,.tp-card,.tp-panel,.cv-card,.docs-card,.pay-card,.summary .box,.emptywrap .card),
body.nx-web-shell :where(.card,.nx-card,.nx78-card,.nx79-plan-card,.nxm-plan,.nxm-card,.panel,.box,.tile,.item,.itm,.prop,.section,.table-wrap,.tablewrap,.nx-table-wrap,.nxop-card,.nx237-card,.nxv-card,.nx-auto-card,.tp-card,.tp-panel,.cv-card,.docs-card,.pay-card,.summary .box,.emptywrap .card),
body.nx-sign-page :where(.nxop-card,.nxop-notice,.nxop-hero){
  border:1px solid rgba(13,32,52,.08)!important;
  border-radius:var(--nx80-radius-lg)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:var(--nx80-shadow)!important;
}
body.nx26-app-body :where(.card,.nx-card,.panel,.box,.nxop-card,.nx237-card,.nxv-card,.nx-auto-card,.tp-card,.cv-card),
body.nx-web-shell :where(.card,.nx-card,.panel,.box,.nxop-card,.nx237-card,.nxv-card,.nx-auto-card,.tp-card,.cv-card){
  padding:20px!important;
  margin-bottom:16px!important;
}
body.nx26-app-body :where(.card,.nx-card,.panel,.box,.item,.itm,.prop,.tile,.nx79-plan-card,.nxm-plan,.nx78-metric,.nx78-module-strip a),
body.nx-web-shell :where(.card,.nx-card,.panel,.box,.item,.itm,.prop,.tile,.nx79-plan-card,.nxm-plan,.nx78-metric,.nx78-module-strip a){
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
}
body.nx26-app-body :where(.item,.itm,.prop,.tile,.nx79-plan-card,.nxm-plan,.nx78-metric,.nx78-module-strip a):hover,
body.nx-web-shell :where(.item,.itm,.prop,.tile,.nx79-plan-card,.nxm-plan,.nx78-metric,.nx78-module-strip a):hover{
  transform:translateY(-2px)!important;
  box-shadow:var(--nx80-shadow-hover)!important;
  border-color:#c6e4ec!important;
}

/* ===== Przycisk i akcje ===== */
body.nx26-app-body :where(.btn,a.btn,button.btn,input[type=submit],button[type=submit],.nx-btn,.nx79-btn,.nxop-btn,.nx237-btn,.nxsr-btn,.cv-btn,.tp-btn,.t_btn,.ch_btn,.button,.nx78-button),
body.nx-web-shell :where(.btn,a.btn,button.btn,input[type=submit],button[type=submit],.nx-btn,.nx79-btn,.nxop-btn,.nx237-btn,.nxsr-btn,.cv-btn,.tp-btn,.t_btn,.ch_btn,.button,.nx78-button),
body.nx-sign-page :where(.nxop-btn,button){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:44px!important;
  border-radius:15px!important;
  padding:0 17px!important;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:660!important;
  text-decoration:none!important;
  cursor:pointer!important;
  white-space:normal!important;
  border:1px solid transparent!important;
}
body.nx26-app-body :where(.btn:not(.ghost):not(.outline):not(.link):not(.small),button[type=submit],input[type=submit],.primary,.btn-primary,.nx79-btn.primary,.nx78-button.primary,.nxop-btn.primary,.nx237-btn.primary),
body.nx-web-shell :where(.btn:not(.ghost):not(.outline):not(.link):not(.small),button[type=submit],input[type=submit],.primary,.btn-primary,.nx79-btn.primary,.nx78-button.primary,.nxop-btn.primary,.nx237-btn.primary),
body.nx-sign-page :where(.nxop-btn.primary,button[type=submit]:first-of-type){
  background:linear-gradient(135deg,#075f80 0%,#0ba6bd 100%)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 15px 32px rgba(11,166,189,.22)!important;
}
body.nx26-app-body :where(.btn.ghost,.btn.outline,.btn.link,.nx-btn.alt,.nx79-btn.ghost,.nxop-btn:not(.primary),.nx237-btn:not(.primary),.cv-btn,.tp-btn,.t_btn,.ch_btn,.button:not(.primary),.nx78-button:not(.primary)),
body.nx-web-shell :where(.btn.ghost,.btn.outline,.btn.link,.nx-btn.alt,.nx79-btn.ghost,.nxop-btn:not(.primary),.nx237-btn:not(.primary),.cv-btn,.tp-btn,.t_btn,.ch_btn,.button:not(.primary),.nx78-button:not(.primary)),
body.nx-sign-page :where(.nxop-btn:not(.primary),button[type=submit]:not(:first-of-type)){
  background:#fff!important;
  border-color:var(--nx80-line)!important;
  color:#12304a!important;
  box-shadow:0 8px 18px rgba(12,31,52,.045)!important;
}
body.nx26-app-body :where(.actions,.toolbar,.tools,.admin-title-actions,.nx237-actions,.nxop-actions,.nxv-actions,.nx-auto-actions,.row.sticky-actions,.navrow,.nx78-top-actions,.nx79-hero-actions,.nxm-access-actions),
body.nx-web-shell :where(.actions,.toolbar,.tools,.admin-title-actions,.nx237-actions,.nxop-actions,.nxv-actions,.nx-auto-actions,.row.sticky-actions,.navrow,.nx78-top-actions,.nx79-hero-actions,.nxm-access-actions),
body.nx-sign-page .nxop-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

/* ===== Formularze od dodania lokalu po umowę i podpis ===== */
body.nx26-app-body :where(form,.form,.nxop-form,.nxv-form,.nx237-form-grid,.tp-form),
body.nx-web-shell :where(form,.form,.nxop-form,.nxv-form,.nx237-form-grid,.tp-form),
body.nx-sign-page form{max-width:100%!important}
body.nx26-app-body :where(.field,.fld,.form-group,.nx237-field,.nx-auto-field,.tp-field,.cv-field),
body.nx-web-shell :where(.field,.fld,.form-group,.nx237-field,.nx-auto-field,.tp-field,.cv-field){
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  margin-bottom:14px!important;
}
body.nx26-app-body :where(label,.label,.lab,.field>label,.nx237-field label,.nx-auto-field label,.tp-label),
body.nx-web-shell :where(label,.label,.lab,.field>label,.nx237-field label,.nx-auto-field label,.tp-label),
body.nx-sign-page label{
  color:#203854!important;
  font-size:13px!important;
  font-weight:620!important;
  letter-spacing:-.01em!important;
}
body.nx26-app-body :where(input,select,textarea,.input,.select,.tp-inp),
body.nx-web-shell :where(input,select,textarea,.input,.select,.tp-inp),
body.nx-sign-page :where(input,select,textarea){
  width:100%!important;
  min-height:44px!important;
  border:1px solid var(--nx80-line-2)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--nx80-ink)!important;
  box-shadow:0 6px 16px rgba(12,31,52,.035)!important;
  font-family:inherit!important;
  font-size:15px!important;
}
body.nx26-app-body :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.input,.select,.tp-inp),
body.nx-web-shell :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.input,.select,.tp-inp),
body.nx-sign-page :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){padding:11px 13px!important}
body.nx26-app-body :where(textarea),
body.nx-web-shell :where(textarea),
body.nx-sign-page textarea{min-height:118px!important;resize:vertical!important;line-height:1.55!important}
body.nx26-app-body :where(input:focus,select:focus,textarea:focus,.input:focus,.select:focus),
body.nx-web-shell :where(input:focus,select:focus,textarea:focus,.input:focus,.select:focus),
body.nx-sign-page :where(input:focus,select:focus,textarea:focus){outline:none!important;border-color:#67cdda!important;box-shadow:var(--nx80-focus)!important}
body.nx26-app-body :where(input[type="checkbox"],input[type="radio"]),
body.nx-web-shell :where(input[type="checkbox"],input[type="radio"]){
  width:auto!important;min-height:0!important;padding:0!important;box-shadow:none!important;accent-color:var(--nx80-primary-2)
}
body.nx26-app-body input[type=file],
body.nx-web-shell input[type=file]{padding:10px!important;background:#f8fbfe!important;border-style:dashed!important}

body.nx26-app-body :where(.form-grid,.grid,.grid2,.grid-2,.split,.kv2,.nx237-form-grid,.nx-auto-grid,.nxop-grid,.summary,.nx-checklist,.props,.kpi-grid),
body.nx-web-shell :where(.form-grid,.grid,.grid2,.grid-2,.split,.kv2,.nx237-form-grid,.nx-auto-grid,.nxop-grid,.summary,.nx-checklist,.props,.kpi-grid){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:14px!important;
}
body.nx26-app-body .form-grid [style*="grid-column:1 / -1"],
body.nx-web-shell .form-grid [style*="grid-column:1 / -1"]{grid-column:1 / -1!important}
body.nx26-app-body :where(.row),
body.nx-web-shell :where(.row){gap:10px!important}
body.nx26-app-body .sticky-actions,
body.nx-web-shell .sticky-actions{
  position:sticky!important;
  bottom:14px!important;
  z-index:20!important;
  padding:10px!important;
  border:1px solid rgba(205,221,234,.82)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 18px 46px rgba(12,31,52,.11)!important;
}

/* ===== Krokowce: dodanie lokalu, umowy, wizard podpisu ===== */
body.nx26-app-body :where(.stepper,.tabs,.tabbar),
body.nx-web-shell :where(.stepper,.tabs,.tabbar){
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  padding:7px!important;
  border:1px solid var(--nx80-line)!important;
  border-radius:20px!important;
  background:#eef5fa!important;
  margin-bottom:12px!important;
}
body.nx26-app-body :where(.stepper .step,.stepdot,.tabs a,.tabbar a,.tab),
body.nx-web-shell :where(.stepper .step,.stepdot,.tabs a,.tabbar a,.tab){
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid transparent!important;
  border-radius:15px!important;
  padding:9px 12px!important;
  background:transparent!important;
  color:#37516b!important;
  font-weight:620!important;
  text-decoration:none!important;
}
body.nx26-app-body :where(.stepper .step.active,.stepdot.active,.tabs a.active,.tabbar a.active,.tab.active),
body.nx-web-shell :where(.stepper .step.active,.stepdot.active,.tabs a.active,.tabbar a.active,.tab.active){
  background:#fff!important;
  color:#0d2034!important;
  border-color:#d7e6f1!important;
  box-shadow:0 10px 24px rgba(12,31,52,.065)!important;
}
body.nx26-app-body :where(.stepper .step.done,.stepdot.done),
body.nx-web-shell :where(.stepper .step.done,.stepdot.done){color:#08765b!important}
body.nx26-app-body :where(.stepper .dot,.stepdot .n),
body.nx-web-shell :where(.stepper .dot,.stepdot .n){
  width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:12px!important;
  background:#e6f7fb!important;border:1px solid #c3edf4!important;color:#08758b!important;font-weight:760!important;
}
body.nx26-app-body :where(.progress,.prog,.bar),
body.nx-web-shell :where(.progress,.prog,.bar){
  height:9px!important;border-radius:999px!important;background:#edf4f8!important;overflow:hidden!important;border:0!important;
}
body.nx26-app-body :where(.progress span,.prog span,.bar span),
body.nx-web-shell :where(.progress span,.prog span,.bar span){
  display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,var(--nx80-green),var(--nx80-cyan))!important;
}
body.nx26-app-body :where(.iconwrap),
body.nx-web-shell :where(.iconwrap){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:14px!important}
body.nx26-app-body :where(.iconopt),
body.nx-web-shell :where(.iconopt){
  border-radius:20px!important;border-color:var(--nx80-line)!important;background:linear-gradient(180deg,#fff,#f8fbfe)!important;padding:16px!important;box-shadow:0 10px 26px rgba(12,31,52,.045)!important;
}
body.nx26-app-body .sigpad,
body.nx-web-shell .sigpad{
  max-width:100%!important;border-radius:18px!important;border:1px dashed #9ccbd5!important;background:#fbfdff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)!important;
}

/* ===== Tabele i listy — bez wychodzenia poza ramki ===== */
body.nx26-app-body :where(.table-wrap,.tablewrap,.nx-table-wrap,.admin-table-card,.nxm-table-wrap,.card:has(table),.panel:has(table),.nxop-card:has(table),.nxv-card:has(table),.pay .card:has(table),.docs .card:has(table)),
body.nx-web-shell :where(.table-wrap,.tablewrap,.nx-table-wrap,.admin-table-card,.nxm-table-wrap,.card:has(table),.panel:has(table),.nxop-card:has(table),.nxv-card:has(table),.pay .card:has(table),.docs .card:has(table)){
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
body.nx26-app-body table,
body.nx-web-shell table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0 9px!important;
  background:transparent!important;
  font-size:14px!important;
}
body.nx26-app-body table :where(th,td),
body.nx-web-shell table :where(th,td){vertical-align:middle!important;white-space:nowrap!important}
body.nx26-app-body thead th,
body.nx-web-shell thead th{
  color:#74879a!important;
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  font-weight:700!important;
  background:transparent!important;
  border:0!important;
  padding:7px 12px!important;
}
body.nx26-app-body tbody td,
body.nx-web-shell tbody td{
  background:#fff!important;
  border-top:1px solid var(--nx80-line)!important;
  border-bottom:1px solid var(--nx80-line)!important;
  padding:12px!important;
}
body.nx26-app-body tbody td:first-child,
body.nx-web-shell tbody td:first-child{border-left:1px solid var(--nx80-line)!important;border-radius:16px 0 0 16px!important}
body.nx26-app-body tbody td:last-child,
body.nx-web-shell tbody td:last-child{border-right:1px solid var(--nx80-line)!important;border-radius:0 16px 16px 0!important}
body.nx26-app-body tbody tr:hover td,
body.nx-web-shell tbody tr:hover td{background:#f9fcff!important;border-color:#cfe4ef!important}

/* ===== Badge/pill/status ===== */
body.nx26-app-body :where(.badge,.chip,.pill,.tag,.status,.nx-badge,.nx237-badge,.nxv-badge,.nxop-badge,.t_chip),
body.nx-web-shell :where(.badge,.chip,.pill,.tag,.status,.nx-badge,.nx237-badge,.nxv-badge,.nxop-badge,.t_chip),
body.nx-sign-page :where(.nxop-eyebrow,.nxop-notice){
  border-radius:999px!important;
  border:1px solid #dbe8f2!important;
  background:#f8fbfe!important;
  color:#1b3b57!important;
  font-weight:620!important;
  line-height:1.35!important;
}
body.nx26-app-body :where(.badge.ok,.chip.ok,.ok,.success),
body.nx-web-shell :where(.badge.ok,.chip.ok,.ok,.success),
body.nx-sign-page .nxop-notice.ok{background:#ecfdf5!important;color:#08765b!important;border-color:#bcefe0!important}
body.nx26-app-body :where(.badge.info,.chip.info,.info),
body.nx-web-shell :where(.badge.info,.chip.info,.info){background:#eef7ff!important;color:#135c99!important;border-color:#cfe7ff!important}
body.nx26-app-body :where(.badge.warn,.chip.warn,.warn,.warning),
body.nx-web-shell :where(.badge.warn,.chip.warn,.warn,.warning){background:#fff7e8!important;color:#965600!important;border-color:#ffe0a3!important}
body.nx26-app-body :where(.badge.err,.chip.err,.err,.danger,.error),
body.nx-web-shell :where(.badge.err,.chip.err,.err,.danger,.error),
body.nx-sign-page .nxop-notice.err{background:#fff0f0!important;color:#a91e2c!important;border-color:#ffcaca!important}

/* ===== Dashboard landlord/tenant — nowocześniejsze grafiki i brak liter zamiast ikon ===== */
.nx78-dashboard{padding-top:28px!important}
.nx78-topline{align-items:flex-end!important;margin-bottom:22px!important}
.nx78-page-title h1{font-size:clamp(36px,4vw,54px)!important;font-weight:760!important}
.nx78-page-title span,.nx78-card-head span,.nx79-eyebrow{
  background:rgba(12,164,189,.10)!important;border:1px solid rgba(12,164,189,.20)!important;color:#08758b!important;box-shadow:0 8px 20px rgba(12,164,189,.06)
}
.nx78-metrics{gap:16px!important;margin-bottom:18px!important}
.nx78-metric{
  position:relative!important;overflow:hidden!important;min-height:170px!important;border-radius:30px!important;padding:21px!important;
  background:radial-gradient(circle at 100% 0%,rgba(12,164,189,.14),transparent 34%),linear-gradient(180deg,#fff 0%,#f9fcff 100%)!important;
  border-color:rgba(13,32,52,.08)!important;box-shadow:var(--nx80-shadow)!important;
}
.nx78-metric:after{content:"";position:absolute;left:20px;right:20px;bottom:18px;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--nx80-green),var(--nx80-cyan));opacity:.95}
.nx78-metric.is-danger:after{background:linear-gradient(90deg,#fb7185,#e11d48)}
.nx78-icon{
  width:48px!important;height:48px!important;border-radius:18px!important;margin-bottom:13px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#e6f8fc,#f7fdff)!important;border:1px solid rgba(12,164,189,.14)!important;color:#08758b!important;box-shadow:0 12px 25px rgba(12,164,189,.10)!important;
  font-size:0!important;line-height:0!important;overflow:hidden!important;
}
.nx78-icon svg,.nx78-module-strip i svg{width:22px!important;height:22px!important;display:block!important;stroke-width:1.9!important;flex:0 0 auto!important}
.nx78-icon:not(:has(svg))::before{content:"";width:18px;height:18px;border-radius:6px;background:currentColor;box-shadow:10px 0 0 currentColor,0 10px 0 currentColor,10px 10px 0 currentColor;transform:scale(.58)}
.nx78-metric>span{font-size:13px!important;color:#5d7187!important;margin-bottom:7px!important}
.nx78-metric strong{font-size:clamp(27px,2.2vw,35px)!important;font-weight:760!important;letter-spacing:-.055em!important}
.nx78-card{border-radius:32px!important;border-color:rgba(13,32,52,.08)!important;background:rgba(255,255,255,.97)!important;box-shadow:var(--nx80-shadow)!important}
.nx78-card-head h2{font-size:clamp(22px,2.2vw,30px)!important;font-weight:760!important}
.nx78-finance-rows a,.nx78-priority-list a,.nx78-row{border-radius:20px!important;border-color:#e1ebf3!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}
.nx78-module-strip{gap:14px!important;margin:18px 0!important}
.nx78-module-strip a{min-height:110px!important;border-radius:25px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:var(--nx80-shadow)!important}
.nx78-module-strip i{width:42px!important;height:42px!important;border-radius:16px!important;font-size:0!important;display:grid!important;place-items:center!important;color:#08758b!important;background:#edf9fc!important;border:1px solid rgba(12,164,189,.14)!important}
.nx78-module-strip span{font-size:15px!important;font-weight:680!important;color:#12304a!important}

/* ===== Pierwsze kroki — dopasowanie tekstu, progress, mobile ===== */
.nx-first-steps-page .nx-hero{grid-template-columns:minmax(0,1fr) minmax(280px,360px)!important}
.nx-first-steps-page .nx-hero h1{font-size:clamp(34px,4vw,58px)!important;white-space:normal!important;overflow:visible!important}
.nx-first-steps-page .nx-hero>div:first-child{min-width:0!important}
.nx-first-steps-page .nx-progress-card{min-width:0!important}
.nx-first-steps-page .nx-step{grid-template-columns:auto minmax(0,1fr) auto!important}
.nx-first-steps-page .nx-step .nx-btn{white-space:nowrap!important}

/* ===== Cennik wewnątrz panelu — czyste karty SaaS, bez wychodzenia treści ===== */
.nx79-pricing,.nxm-pricing{padding:26px 0 64px!important;color:var(--nx80-ink)!important}
.nx79-pricing-hero{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:22px!important;margin:0 0 20px!important;padding:28px!important;border-radius:34px!important;background:linear-gradient(135deg,#ffffff 0%,#f5fbff 100%)!important;border:1px solid rgba(13,32,52,.08)!important;box-shadow:var(--nx80-shadow)!important}
.nx79-pricing-hero h1{font-size:clamp(34px,4.2vw,58px)!important;max-width:850px!important}
.nx79-hero-actions{flex:0 0 auto!important;display:flex!important;gap:10px!important;justify-content:flex-end!important;flex-wrap:wrap!important}
.nx79-plan-grid{display:grid!important;grid-template-columns:repeat(4,minmax(220px,1fr))!important;gap:16px!important;align-items:stretch!important}
.nx79-plan-card{min-width:0!important;overflow:hidden!important;border-radius:30px!important;padding:22px!important;background:radial-gradient(circle at 102% 0%,rgba(12,164,189,.10),transparent 28%),linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important}
.nx79-plan-card *{max-width:100%!important}
.nx79-ribbon{max-width:min(170px,42%)!important;white-space:normal!important;line-height:1.2!important}
.nx79-plan-top{padding-right:min(100px,38%)!important;min-height:124px!important}
.nx79-plan-top h2{font-size:clamp(23px,2.4vw,28px)!important;line-height:1.06!important;margin-bottom:10px!important}
.nx79-plan-top p{font-size:13px!important;line-height:1.58!important;color:#66798d!important}
.nx79-price-box{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:18px 0 12px!important}
.nx79-price-box>div{border:1px solid #e2ebf3!important;background:#f8fbfd!important;border-radius:18px!important;padding:12px!important;min-width:0!important}
.nx79-price-box strong{display:block!important;font-size:clamp(22px,2.2vw,27px)!important;line-height:1.1!important;color:#0d2034!important;font-weight:760!important;letter-spacing:-.045em!important;white-space:normal!important}
.nx79-features{font-size:13px!important;line-height:1.48!important;gap:9px!important}
.nx79-activation input{height:44px!important;padding:0 13px!important;width:100%!important}
.nx79-pay-actions .nx79-btn{width:100%!important}
.nxm-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}
.nxm-plan{min-width:0!important;overflow:hidden!important}
.nxm-plan__price-value{font-size:clamp(34px,4vw,48px)!important;white-space:normal!important}

/* ===== Tenant/payments/docs/receipt ===== */
body.nx26-role-tenant :where(.pay .row,.docs .row,.ct .row,.rcpt .row){gap:12px!important}
body.nx26-role-tenant :where(.pay .title,.docs .title,.ct .title,.rcpt .title){font-size:clamp(28px,3vw,42px)!important;font-weight:760!important}
body.nx26-role-tenant :where(.pay .card,.docs .card,.ct .card,.rcpt .card,.emptywrap .card){border-radius:26px!important;background:rgba(255,255,255,.97)!important}
body.nx26-role-tenant .emptywrap{min-height:50vh;display:grid;place-items:center;padding:24px!important}
body.nx26-role-tenant .emptywrap .card{text-align:center!important;max-width:560px!important;padding:32px!important}

/* ===== Chat — bez rozwalania panelu ===== */
body.nx26-app-body :where(.chat-shell,.threads,.messages,.chat-wrap,.chatbox),
body.nx-web-shell :where(.chat-shell,.threads,.messages,.chat-wrap,.chatbox){
  border-radius:26px!important;background:rgba(255,255,255,.92)!important;border:1px solid var(--nx80-line)!important;box-shadow:var(--nx80-shadow)!important;overflow:hidden!important;
}
body.nx26-app-body :where(.message,.msg),
body.nx-web-shell :where(.message,.msg){border-radius:18px!important;border:1px solid var(--nx80-line)!important;background:#fff!important}
body.nx26-app-body :where(.msg.me,.message.me),
body.nx-web-shell :where(.msg.me,.message.me){background:#eaf9fb!important;border-color:#beecef!important;margin-left:auto!important}

/* ===== Operacje/Trust/serwis: klasy nxop/nxv/nx237 ===== */
body.nx26-app-body .nxop-wrap,
body.nx-web-shell .nxop-wrap,
body.nx26-app-body .nxv-wrap,
body.nx-web-shell .nxv-wrap,
body.nx26-app-body .nx237-wrap,
body.nx-web-shell .nx237-wrap{display:block!important}
body.nx26-app-body :where(.nxop-notice,.nx237-notice,.nxv-notice,.tp-msg),
body.nx-web-shell :where(.nxop-notice,.nx237-notice,.nxv-notice,.tp-msg){border-radius:18px!important;padding:13px 15px!important;margin:14px 0!important;border:1px solid var(--nx80-line)!important;background:#fff!important;box-shadow:0 10px 26px rgba(12,31,52,.045)!important}

/* ===== Publiczny link podpisu/akceptacji dokumentu ===== */
body.nx-sign-page{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;margin:0!important;padding:24px!important}
body.nx-sign-page .nxop-wrap{width:min(900px,100%)!important;margin:0 auto!important}
body.nx-sign-page .nxop-hero{padding:28px!important;margin-bottom:16px!important;color:#fff!important;background:linear-gradient(135deg,#07243d,#0b8397)!important}
body.nx-sign-page .nxop-hero h1{color:#fff!important;font-size:clamp(30px,5vw,46px)!important;margin:8px 0!important;letter-spacing:-.045em!important}
body.nx-sign-page .nxop-hero p{color:rgba(239,249,255,.88)!important;line-height:1.65!important}
body.nx-sign-page .nxop-card{padding:22px!important}
body.nx-sign-page .nxop-notice{display:block!important;border-radius:18px!important;padding:13px 15px!important;margin:14px 0!important}

/* ===== Responsive: tablet/mobile ===== */
@media(max-width:1260px){
  .nx79-plan-grid{grid-template-columns:repeat(2,minmax(260px,1fr))!important}
  .nx78-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .nx78-module-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:980px){
  body.nx26-app-body :where(.nx78-dashboard,.nx79-pricing,.nxm-pricing,.nx-wrap,.page,.wrap,.container,.content,.main,.main-content,.nxop-wrap,.nxv-wrap,.nx237-wrap,.nx-auto-wrap,.tp-wrap,.cv-wrap,.ct,.rcpt,.pay,.docs),
  body.nx-web-shell :where(.nx78-dashboard,.nx79-pricing,.nxm-pricing,.nx-wrap,.page,.wrap,.container,.content,.main,.main-content,.nxop-wrap,.nxv-wrap,.nx237-wrap,.nx-auto-wrap,.tp-wrap,.cv-wrap,.ct,.rcpt,.pay,.docs){
    width:min(100% - 24px,1380px)!important;
    padding-top:18px!important;
  }
  body.nx26-app-body :where(.pagehead,.page-head,.section-head,.nx-head,.nxop-hero,.nx237-hero,.nxv-hero,.nx-auto-hero,.cv-hero,.tp-hero),
  body.nx-web-shell :where(.pagehead,.page-head,.section-head,.nx-head,.nxop-hero,.nx237-hero,.nxv-hero,.nx-auto-hero,.cv-hero,.tp-hero){padding:22px!important;border-radius:26px!important}
  .nx79-pricing-hero,.nx78-topline{flex-direction:column!important;align-items:flex-start!important}
  .nx79-hero-actions,.nx78-top-actions{justify-content:flex-start!important;width:100%!important}
  .nx79-plan-grid,.nx78-metrics,.nx78-module-strip{grid-template-columns:1fr!important}
  .nx-first-steps-page .nx-hero{grid-template-columns:1fr!important;padding:24px!important;border-radius:28px!important}
  .nx-first-steps-page .nx-hero>div:first-child{padding-left:0!important;padding-top:102px!important}
  .nx-first-steps-page .nx-step{grid-template-columns:auto minmax(0,1fr)!important}
  .nx-first-steps-page .nx-step .nx-btn{grid-column:1 / -1!important;width:100%!important}
}
@media(max-width:680px){
  body.nx26-app-body :where(.form-grid,.grid,.grid2,.grid-2,.split,.kv2,.nx237-form-grid,.nx-auto-grid,.nxop-grid,.summary,.nx-checklist,.props,.kpi-grid),
  body.nx-web-shell :where(.form-grid,.grid,.grid2,.grid-2,.split,.kv2,.nx237-form-grid,.nx-auto-grid,.nxop-grid,.summary,.nx-checklist,.props,.kpi-grid){grid-template-columns:1fr!important}
  body.nx26-app-body :where(.btn,a.btn,button.btn,input[type=submit],button[type=submit],.nx-btn,.nx79-btn,.nxop-btn,.nx237-btn,.cv-btn,.tp-btn,.nx78-button),
  body.nx-web-shell :where(.btn,a.btn,button.btn,input[type=submit],button[type=submit],.nx-btn,.nx79-btn,.nxop-btn,.nx237-btn,.cv-btn,.tp-btn,.nx78-button),
  body.nx-sign-page :where(.nxop-btn,button){width:100%!important;min-height:46px!important}
  body.nx26-app-body :where(.actions,.toolbar,.tools,.nx237-actions,.nxop-actions,.nxv-actions,.nx-auto-actions,.row.sticky-actions,.navrow,.nx78-top-actions,.nx79-hero-actions),
  body.nx-web-shell :where(.actions,.toolbar,.tools,.nx237-actions,.nxop-actions,.nxv-actions,.nx-auto-actions,.row.sticky-actions,.navrow,.nx78-top-actions,.nx79-hero-actions),
  body.nx-sign-page .nxop-actions{align-items:stretch!important}
  body.nx26-app-body .sticky-actions,
  body.nx-web-shell .sticky-actions{bottom:10px!important;border-radius:18px!important}
  body.nx26-app-body table,
  body.nx-web-shell table{min-width:680px!important}
  .nx79-pricing-hero{padding:22px!important;border-radius:26px!important}
  .nx79-pricing-hero h1,.nx-first-steps-page .nx-hero h1{font-size:34px!important}
  .nx79-plan-card{padding:20px!important;border-radius:26px!important}
  .nx79-plan-top{padding-right:0!important;min-height:0!important}
  .nx79-ribbon{position:static!important;display:inline-flex!important;max-width:100%!important;margin-bottom:12px!important}
  .nx78-card{padding:18px!important;border-radius:26px!important}
  body.nx-sign-page{padding:14px!important}
}
@media(prefers-reduced-motion:reduce){
  body.nx26-app-body *,body.nx-web-shell *,body.nx-sign-page *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media print{
  body.nx26-app-body{background:#fff!important;padding-left:0!important}
  .nx26-sidebar,.nx26-topbar,.nx26-mobile-backdrop,.nm-header,footer.simple-footer,.sticky-actions{display:none!important}
  body.nx26-app-body :where(.page,.wrap,.container,.content,.main,.main-content){width:100%!important;max-width:none!important;padding:0!important}
  body.nx26-app-body :where(.card,.panel,.box){box-shadow:none!important;border-color:#ddd!important}
}