/* Najmex SaaS Final UI 2026-07-01 – mocny redesign web */
:root{
  --nx-saas-bg:#f4f7fb;
  --nx-saas-surface:#ffffff;
  --nx-saas-surface-2:#f8fafc;
  --nx-saas-navy:#06182a;
  --nx-saas-navy-2:#092235;
  --nx-saas-cyan:#12b8c8;
  --nx-saas-cyan-2:#0d8ea5;
  --nx-saas-ink:#132033;
  --nx-saas-muted:#748196;
  --nx-saas-border:#e6edf5;
  --nx-saas-soft:#eef5fb;
  --nx-saas-ok:#12a875;
  --nx-saas-warn:#f0a726;
  --nx-saas-danger:#ef4b55;
  --nx-saas-shadow:0 18px 46px rgba(13,32,55,.08);
  --nx-saas-shadow-soft:0 8px 24px rgba(13,32,55,.06);
  --nx-saas-radius:18px;
  --nx-saas-radius-sm:12px;
}
html{background:var(--nx-saas-bg)!important;}
body.nx-web-shell,
body.nx26-app-body,
body.nx-admin-page,
body.nx-bok-page,
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-weight:400!important;
  background:
    radial-gradient(700px 280px at 18% -120px,rgba(18,184,200,.13),transparent 70%),
    linear-gradient(180deg,#f8fbff 0%,#f4f7fb 38%,#eef4fa 100%)!important;
  color:var(--nx-saas-ink)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body *{font-weight:400;}
body strong, body b{font-weight:600!important;}
h1,h2,h3,h4,.title,.section-title,.card-title{font-weight:600!important;letter-spacing:-.02em;color:var(--nx-saas-ink);}
/* USER SHELL */
body.nx26-app-body{padding-left:248px!important;}
.nx26-sidebar{
  width:248px!important;
  background:linear-gradient(180deg,#06182a 0%,#061727 55%,#04101d 100%)!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
  box-shadow:14px 0 44px rgba(4,16,29,.18)!important;
  padding:22px 14px!important;
}
.nx26-brand{padding:0 10px 22px!important;margin:0!important;}
.nx26-brand-logo{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;}
.nx26-brand-logo:after{content:"NAJMEX";color:#f3fbff;font-size:13px;letter-spacing:.34em;font-weight:600!important;line-height:1;opacity:.94;}
.nx26-brand-logo img{width:32px!important;height:32px!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(18,184,200,.18));}
.nx26-side-profile{
  margin:0 0 18px!important;padding:13px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:18px!important;
  background:rgba(255,255,255,.055)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.nx26-side-avatar{background:linear-gradient(135deg,#13b9c8,#0b7d9c)!important;color:#fff!important;box-shadow:0 10px 26px rgba(18,184,200,.28)!important;font-weight:600!important;}
.nx26-side-profile-text strong{color:#fff!important;font-weight:600!important;font-size:13px!important;}
.nx26-side-profile-text span{color:#93a9ba!important;font-size:12px!important;}
.nx26-nav{gap:4px!important;padding-right:2px!important;}
.nx26-nav a{
  min-height:42px!important;border-radius:12px!important;color:#c8d5e2!important;text-decoration:none!important;
  padding:10px 12px!important;margin:0 0 4px!important;border:1px solid transparent!important;font-size:13px!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
}
.nx26-nav a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;transform:translateX(2px)!important;}
.nx26-nav a.active{background:linear-gradient(90deg,rgba(18,184,200,.22),rgba(18,184,200,.08))!important;border-color:rgba(18,184,200,.32)!important;color:#fff!important;box-shadow:inset 3px 0 0 #18bdce!important;}
.nx26-nav-ico{opacity:.9;color:#7fd9e3!important;}
.nx26-nav em{margin-left:auto!important;background:rgba(255,255,255,.08)!important;color:#9eb0bf!important;border:1px solid rgba(255,255,255,.08)!important;font-style:normal!important;font-size:10px!important;border-radius:999px!important;padding:2px 7px!important;}
.nx26-trust-card{margin-top:auto!important;background:rgba(18,184,200,.09)!important;border:1px solid rgba(18,184,200,.18)!important;border-radius:18px!important;color:#dffaff!important;}
.nx26-trust-card strong{color:#fff!important;font-weight:600!important;}
.nx26-trust-card span{color:#a9bfca!important;}
.nx26-trust-icon{background:#0e4f55!important;color:#bbfbff!important;}
.nx26-topbar{
  left:248px!important;height:72px!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(18px) saturate(1.25)!important;
  border-bottom:1px solid rgba(226,237,246,.8)!important;box-shadow:0 8px 24px rgba(11,27,45,.04)!important;
  padding:0 28px!important;
}
.nx26-breadcrumb span{font-size:11px!important;letter-spacing:.32em!important;text-transform:uppercase!important;color:#8a98a8!important;font-weight:500!important;}
.nx26-breadcrumb strong{font-size:20px!important;font-weight:600!important;color:#132033!important;}
.nx26-primary{background:linear-gradient(135deg,#16b8ca,#0d79a1)!important;border:0!important;box-shadow:0 12px 26px rgba(13,142,165,.24)!important;color:#fff!important;border-radius:14px!important;font-weight:600!important;}
.nx26-icon-action,.nx26-user-pill{background:#fff!important;border:1px solid var(--nx-saas-border)!important;box-shadow:0 8px 22px rgba(13,32,55,.05)!important;border-radius:14px!important;color:#132033!important;}
.nx26-user-pill span{background:#123b63!important;color:#fff!important;font-weight:600!important;}
.nx26-user-pill b{font-size:13px!important;color:#132033!important;}
/* ADMIN/BOK SHELL */
.nx-admin-shell,.wrap{background:var(--nx-saas-bg)!important;}
.nx-sidebar, .wrap aside{
  background:linear-gradient(180deg,#06182a,#04111f)!important;color:#d9e8f3!important;border-right:1px solid rgba(255,255,255,.07)!important;
  box-shadow:14px 0 44px rgba(4,16,29,.16)!important;
}
.nx-brand,.brand{color:#fff!important;font-weight:600!important;letter-spacing:.02em!important;}
.nx-brand-title{letter-spacing:.32em!important;color:#fff!important;font-weight:600!important;}
.nx-brand-sub{color:#8fa4b6!important;font-weight:400!important;}
.nx-nav a, .wrap nav a{color:#c6d4df!important;border-radius:12px!important;font-size:13px!important;font-weight:400!important;border:1px solid transparent!important;}
.nx-nav a:hover,.wrap nav a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;}
.nx-nav a.active,.wrap nav a.active{background:linear-gradient(90deg,rgba(18,184,200,.22),rgba(18,184,200,.08))!important;border-color:rgba(18,184,200,.32)!important;color:#fff!important;box-shadow:inset 3px 0 0 #18bdce!important;}
.nx-admin-nav-section{color:#6f879a!important;font-size:10px!important;letter-spacing:.12em!important;font-weight:600!important;text-transform:uppercase!important;margin:16px 8px 7px!important;}
.nx-topbar, .wrap header{background:rgba(255,255,255,.84)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid var(--nx-saas-border)!important;box-shadow:0 8px 24px rgba(11,27,45,.04)!important;}
.nx-content,.wrap main{max-width:1240px!important;padding:26px!important;}
.nx-pagehead h1{font-size:28px!important;font-weight:600!important;letter-spacing:-.04em!important;}
/* GLOBAL CONTENT */
.page,.nm-container,.container,.content,.nx-content main{max-width:1180px!important;}
.card,.panel,.box,.tile,.stat-card,.summary-card,.nx-card,.table-card,
.nx-content section,.wrap main section{
  background:rgba(255,255,255,.92)!important;border:1px solid var(--nx-saas-border)!important;border-radius:var(--nx-saas-radius)!important;
  box-shadow:var(--nx-saas-shadow-soft)!important;
}
.card:hover,.panel:hover,.box:hover,.tile:hover{box-shadow:var(--nx-saas-shadow)!important;}
button,.btn,a.btn,.button,input[type=submit]{border-radius:12px!important;font-weight:500!important;}
.btn:not(.ghost):not(.secondary),button.btn:not(.ghost){background:linear-gradient(135deg,#17b8c9,#0c7fa4)!important;border:0!important;color:#fff!important;box-shadow:0 10px 22px rgba(13,142,165,.2)!important;}
.btn.ghost,a.btn.ghost,.button.ghost{background:#fff!important;color:#37516a!important;border:1px solid var(--nx-saas-border)!important;box-shadow:0 8px 18px rgba(13,32,55,.04)!important;}
input,select,textarea{border-radius:12px!important;border:1px solid var(--nx-saas-border)!important;background:#fff!important;color:var(--nx-saas-ink)!important;box-shadow:0 6px 16px rgba(13,32,55,.03)!important;font-weight:400!important;}
label{font-weight:500!important;color:#657389!important;}
table{border:1px solid var(--nx-saas-border)!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;box-shadow:var(--nx-saas-shadow-soft)!important;}
th{background:#f8fbff!important;color:#6f7d90!important;font-weight:600!important;text-transform:none!important;border-bottom:1px solid var(--nx-saas-border)!important;}
td{border-bottom:1px solid #eef3f8!important;color:#1b2b40!important;}
tr:hover td{background:#f8fcff!important;}
.badge,.pill,.chip{font-weight:500!important;border-radius:999px!important;border:1px solid var(--nx-saas-border)!important;background:#f8fbff!important;color:#426078!important;}
.badge.ok,.pill.ok,.chip.ok{background:#eefbf5!important;border-color:#bfefd9!important;color:#087b56!important;}
.badge.warn,.pill.warn,.chip.warn{background:#fff8eb!important;border-color:#ffe2ad!important;color:#9a6208!important;}
.badge.err,.badge.danger,.pill.err,.chip.err{background:#fff1f2!important;border-color:#ffc9cf!important;color:#b4232d!important;}
/* FINAL DASHBOARD MOCKUP */
.nx-dashboard-page{max-width:1120px;margin:0 auto;padding:22px 22px 40px!important;}
.nx-dashboard-page .card{box-shadow:var(--nx-saas-shadow-soft)!important;}
.nx-dashboard-page .nx-dash-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;}
.nx-dashboard-page .nx-kpi{background:#fff;border:1px solid var(--nx-saas-border);border-radius:16px;padding:14px 16px;box-shadow:var(--nx-saas-shadow-soft);min-height:96px;}
.nx-dashboard-page .nx-kpi .k{font-size:11px;text-transform:none;letter-spacing:.01em;color:#7c899a;font-weight:500!important;margin-bottom:8px;}
.nx-dashboard-page .nx-kpi strong{display:block;font-size:22px;letter-spacing:-.04em;color:#152238;font-weight:600!important;line-height:1.1;}
.nx-dashboard-page .nx-kpi small{display:block;margin-top:8px;color:#11a276;font-size:12px;font-weight:500!important;}
.nx-dashboard-page .nx-kpi.is-danger small{color:#dd3844;}
.nx-dashboard-page .nx-main-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.72fr);gap:16px;align-items:start;}
.nx-dashboard-page .nx-card{background:#fff;border:1px solid var(--nx-saas-border);border-radius:18px;box-shadow:var(--nx-saas-shadow-soft);padding:18px;}
.nx-dashboard-page .nx-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.nx-dashboard-page .nx-card-title{font-size:16px;font-weight:600!important;color:#152238;letter-spacing:-.02em;}
.nx-dashboard-page .nx-card-sub{font-size:12px;color:#7c899a;margin-top:3px;}
.nx-dashboard-page .nx-hero-card{min-height:220px;background:linear-gradient(135deg,#ffffff 0%,#f8fdff 100%);position:relative;overflow:hidden;}
.nx-dashboard-page .nx-hero-card:after{content:"";position:absolute;right:-80px;bottom:-90px;width:270px;height:270px;background:radial-gradient(circle,rgba(18,184,200,.12),transparent 65%);pointer-events:none;}
.nx-dashboard-page .nx-overline{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#13a7b7;font-weight:600!important;margin-bottom:10px;}
.nx-dashboard-page .nx-hero-title{font-size:clamp(28px,3.2vw,42px);line-height:1.05;letter-spacing:-.055em;color:#102033;font-weight:600!important;max-width:660px;margin:0;}
.nx-dashboard-page .nx-hero-text{color:#6f7d90;margin:10px 0 16px;max-width:720px;font-size:14px;line-height:1.55;}
.nx-dashboard-page .nx-mini-actions{display:flex;flex-wrap:wrap;gap:10px;}
.nx-dashboard-page .nx-mini-actions a,.nx-dashboard-page .nx-mini-actions span{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:10px 13px;border-radius:12px;border:1px solid var(--nx-saas-border);background:#fff;color:#365069;font-size:13px;font-weight:500!important;box-shadow:0 8px 18px rgba(13,32,55,.04);}
.nx-dashboard-page .nx-mini-actions a.primary{background:linear-gradient(135deg,#17b8c9,#0c7fa4);color:#fff;border:0;box-shadow:0 10px 24px rgba(13,142,165,.22);}
.nx-dashboard-page .nx-stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:8px;}
.nx-dashboard-page .nx-step{position:relative;text-align:center;color:#7b8899;font-size:11px;}
.nx-dashboard-page .nx-step i{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 6px;border:2px solid #dbe6f0;border-radius:50%;background:#fff;color:#8090a3;font-style:normal;font-weight:600!important;}
.nx-dashboard-page .nx-step.done i{background:#17b8c9;border-color:#17b8c9;color:#fff;box-shadow:0 8px 18px rgba(18,184,200,.22);}
.nx-dashboard-page .nx-trust{display:flex;align-items:center;gap:14px;min-height:120px;}
.nx-dashboard-page .nx-shield{width:62px;height:62px;border-radius:24px;background:linear-gradient(135deg,#10b981,#07956f);display:grid;place-items:center;color:#fff;font-size:32px;box-shadow:0 16px 30px rgba(16,185,129,.24);font-weight:600!important;}
.nx-dashboard-page .nx-trust strong{display:block;font-size:18px;color:#102033;font-weight:600!important;}
.nx-dashboard-page .nx-trust span{display:block;color:#718094;font-size:12px;margin-top:4px;}
.nx-dashboard-page .nx-line{height:5px;border-radius:999px;background:#edf3f8;overflow:hidden;margin-top:12px;}
.nx-dashboard-page .nx-line span{display:block;height:100%;background:linear-gradient(90deg,#17b8c9,#10b981);border-radius:999px;}
.nx-dashboard-page .nx-list{display:grid;gap:9px;}
.nx-dashboard-page .nx-list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #eef3f8;}
.nx-dashboard-page .nx-list-row:last-child{border-bottom:0;}
.nx-dashboard-page .nx-dot{width:9px;height:9px;border-radius:50%;background:#17b8c9;box-shadow:0 0 0 4px rgba(18,184,200,.12);}
.nx-dashboard-page .nx-dot.err{background:#ef4b55;box-shadow:0 0 0 4px rgba(239,75,85,.12);}
.nx-dashboard-page .nx-dot.ok{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12);}
.nx-dashboard-page .nx-row-title{font-size:13px;color:#14263b;font-weight:500!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nx-dashboard-page .nx-row-meta{font-size:12px;color:#7a8798;margin-top:2px;}
.nx-dashboard-page .nx-row-value{font-size:13px;color:#14263b;font-weight:600!important;text-align:right;}
.nx-dashboard-page .nx-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;}
.nx-dashboard-page .nx-filterbar{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:16px;padding:14px;background:rgba(255,255,255,.84);border:1px solid var(--nx-saas-border);border-radius:18px;box-shadow:var(--nx-saas-shadow-soft);}
.nx-dashboard-page .nx-filterbar label{display:block;font-size:11px;color:#77869a;margin-bottom:6px;font-weight:500!important;}
.nx-dashboard-page .nx-filterbar .field{min-width:180px;margin:0;}
.nx-dashboard-page .nx-filterbar select,.nx-dashboard-page .nx-filterbar input[type=month]{min-width:180px;height:42px;}
.nx-dashboard-page .nx-property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.nx-dashboard-page .nx-property{border:1px solid var(--nx-saas-border);border-radius:16px;background:#fff;overflow:hidden;box-shadow:var(--nx-saas-shadow-soft);}
.nx-dashboard-page .nx-property img{width:100%;height:118px;object-fit:cover;background:#edf3f8;display:block;}
.nx-dashboard-page .nx-property-body{padding:13px;}
.nx-dashboard-page .nx-property-title{font-weight:600!important;color:#132033;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nx-dashboard-page .nx-property-meta{font-size:12px;color:#748196;margin-top:4px;min-height:34px;}
.nx-dashboard-page .nx-property-actions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap;}
.nx-dashboard-page .nx-property-actions a,.nx-dashboard-page .nx-property-actions span{font-size:12px;padding:7px 9px;border:1px solid var(--nx-saas-border);border-radius:10px;background:#f9fcff;text-decoration:none;color:#38516b;font-weight:500!important;}
.nx-dashboard-page .empty,.nx-dashboard-page .nx-empty{border:1px dashed #d5e2ee;border-radius:14px;background:#fbfdff;color:#748196;padding:16px;text-align:center;}
.nx-dashboard-page .alert{background:#fff8eb!important;border:1px solid #ffe2ad!important;color:#8c5b09!important;border-radius:16px!important;box-shadow:var(--nx-saas-shadow-soft)!important;}
.nx-dashboard-page .modal{z-index:9999;}
.nx-dashboard-page .modal .sheet{border-radius:18px!important;border:1px solid var(--nx-saas-border)!important;box-shadow:0 30px 70px rgba(7,18,32,.24)!important;}
/* make old dashboard classes less heavy if still used */
.nx-landlord-dashboard .dash-hero{background:#fff!important;color:var(--nx-saas-ink)!important;}
.nx-landlord-dashboard .dash-hero__title{font-size:32px!important;font-weight:600!important;color:var(--nx-saas-ink)!important;}
.nx-landlord-dashboard .dash-hero__text{color:var(--nx-saas-muted)!important;}
.nx-landlord-dashboard .dash-chip{background:#f8fbff!important;color:#3d5870!important;border-color:var(--nx-saas-border)!important;font-weight:500!important;}
.nx-landlord-dashboard .dash-hero__stat{background:#f8fbff!important;border-color:var(--nx-saas-border)!important;}
.nx-landlord-dashboard .dash-hero__stat .k{color:#7c899a!important;font-weight:500!important;}
.nx-landlord-dashboard .dash-hero__stat strong{color:#132033!important;font-weight:600!important;}
/* Responsive */
@media (max-width:1100px){
  body.nx26-app-body{padding-left:0!important;}
  .nx26-topbar{left:0!important;}
  .nx26-sidebar{transform:translateX(-100%);transition:transform .2s ease!important;z-index:80!important;}
  body.nx26-menu-open .nx26-sidebar{transform:translateX(0);}
  .nx-dashboard-page .nx-main-grid,.nx-dashboard-page .nx-grid-2{grid-template-columns:1fr;}
  .nx-dashboard-page .nx-dash-top{grid-template-columns:repeat(2,1fr);}
  .nx-dashboard-page .nx-property-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:720px){
  .nx26-topbar{height:64px!important;padding:0 14px!important;}
  .nx26-user-pill b,.nx26-primary{display:none!important;}
  .nx-dashboard-page{padding:14px 12px 30px!important;}
  .nx-dashboard-page .nx-dash-top,.nx-dashboard-page .nx-property-grid{grid-template-columns:1fr;}
  .nx-dashboard-page .nx-stepper{grid-template-columns:repeat(5,78px);overflow:auto;padding-bottom:4px;}
  .nx-dashboard-page .nx-list-row{grid-template-columns:auto 1fr;}
  .nx-dashboard-page .nx-row-value{grid-column:2;text-align:left;}
  .nx-content,.wrap main{padding:16px!important;}
}