/* NewlineWork modern ERP refresh — inspired by clean blue enterprise dashboards, 2026-10-08 */
body.nw-modern-erp .app-shell{
  --nw-blue:#2f78ed;
  --nw-blue-2:#4aa4ff;
  --nw-indigo:#625fe8;
  --nw-cyan:#22b8d8;
  --nw-ink:#182335;
  --nw-text:#42526a;
  --nw-muted:#7c899b;
  --nw-line:#e5ebf3;
  --nw-line-2:#d7e0ec;
  --nw-canvas:#f4f7fb;
  --nw-panel:#ffffff;
  --nw-soft:#f8fbff;
  --nw-shadow:0 10px 30px rgba(31,61,103,.075);
  --nw-shadow-soft:0 3px 12px rgba(31,61,103,.055);
  --nw-radius:18px;
}
body.nw-modern-erp .app-shell main{
  background:
    radial-gradient(circle at 8% 3%,rgba(60,151,255,.08),transparent 30%),
    linear-gradient(180deg,#f9fbfe 0,#f4f7fb 220px,#f4f7fb 100%)!important;
}
body.nw-modern-erp .app-shell #content{color:var(--nw-text)}
body.nw-modern-erp .app-shell #content>.page-title{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:2px 0 16px;
  padding:18px 20px!important;
  border:0!important;
  border-radius:20px!important;
  background:linear-gradient(118deg,#2b73ea 0%,#458fff 48%,#655fe7 100%)!important;
  box-shadow:0 14px 32px rgba(52,105,214,.18)!important;
  color:#fff!important;
}
body.nw-modern-erp .app-shell #content>.page-title:after{
  content:"";
  position:absolute;right:-42px;top:-76px;width:210px;height:210px;border-radius:50%;
  border:32px solid rgba(255,255,255,.07);pointer-events:none;
}
body.nw-modern-erp .app-shell #content>.page-title h1,
body.nw-modern-erp .app-shell #content>.page-title h2{
  color:#fff!important;margin:0!important;letter-spacing:-.035em;font-weight:900!important;
}
body.nw-modern-erp .app-shell #content>.page-title p{color:rgba(255,255,255,.86)!important;margin-top:5px!important}
body.nw-modern-erp .app-shell #content>.page-title .row-wrap{position:relative;z-index:1}
body.nw-modern-erp .app-shell #content>.page-title .btn{
  background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important;
  box-shadow:none!important;backdrop-filter:blur(8px);
}
body.nw-modern-erp .app-shell #content>.page-title .btn-primary{background:#fff!important;color:#2c6fe5!important;border-color:#fff!important}

body.nw-modern-erp .app-shell .card,
body.nw-modern-erp .app-shell .panel,
body.nw-modern-erp .app-shell .settings-section{
  border:1px solid var(--nw-line)!important;
  border-radius:var(--nw-radius)!important;
  background:var(--nw-panel)!important;
  box-shadow:var(--nw-shadow-soft)!important;
}
body.nw-modern-erp .app-shell .card{padding:17px 18px}
body.nw-modern-erp .app-shell .card:hover{border-color:#d8e4f3!important}
body.nw-modern-erp .app-shell .panel-head,
body.nw-modern-erp .app-shell .acct-section-head,
body.nw-modern-erp .app-shell .acct-management-toolbar{
  gap:12px;min-height:42px;
}
body.nw-modern-erp .app-shell .card h3,
body.nw-modern-erp .app-shell .panel-head h3,
body.nw-modern-erp .app-shell .acct-section-head h3{
  color:var(--nw-ink)!important;font-weight:900!important;letter-spacing:-.025em;
}
body.nw-modern-erp .nw-heading-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;margin-right:8px;vertical-align:middle;border-radius:10px;
  color:#3478e7;background:linear-gradient(145deg,#eef6ff,#eaf0ff);border:1px solid #dfeaff;
}
body.nw-modern-erp .nw-heading-icon svg{width:17px;height:17px}
body.nw-modern-erp .nw-iconized-heading{display:flex!important;align-items:center!important}

body.nw-modern-erp .app-shell .stat,
body.nw-modern-erp .app-shell [class*="kpi-card"],
body.nw-modern-erp .app-shell .hero-stats>.stat{
  position:relative;overflow:hidden;
  min-height:104px;
  padding:15px 16px 15px 58px!important;
  border:1px solid var(--nw-line)!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:var(--nw-shadow-soft)!important;
}
body.nw-modern-erp .app-shell .stat:after,
body.nw-modern-erp .app-shell [class*="kpi-card"]:after{
  content:"";position:absolute;right:-24px;bottom:-36px;width:92px;height:92px;border-radius:50%;
  background:rgba(67,143,244,.055);pointer-events:none;
}
body.nw-modern-erp .nw-stat-icon{
  position:absolute;left:14px;top:16px;display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:11px;color:#fff;
  background:linear-gradient(145deg,var(--nw-blue),var(--nw-blue-2));
  box-shadow:0 7px 15px rgba(47,120,237,.20);
}
body.nw-modern-erp .nw-stat-icon svg{width:19px;height:19px}
body.nw-modern-erp .app-shell .stat small,
body.nw-modern-erp .app-shell [class*="kpi-card"] small{color:var(--nw-muted)!important;font-weight:700}
body.nw-modern-erp .app-shell .stat b,
body.nw-modern-erp .app-shell [class*="kpi-card"] b{color:var(--nw-ink)!important;font-weight:950!important;letter-spacing:-.04em}

body.nw-modern-erp .nw-feature-tile,
body.nw-modern-erp .app-shell .acct-quick-grid button,
body.nw-modern-erp .app-shell .employee-personal-directory-btn,
body.nw-modern-erp .app-shell .receipt-photo-btn{
  position:relative!important;overflow:hidden!important;
  min-height:92px!important;padding:15px 14px 14px 52px!important;text-align:left!important;
  border:0!important;border-radius:17px!important;color:#fff!important;
  background:linear-gradient(135deg,#2f78ed,#4c9fff)!important;
  box-shadow:0 10px 22px rgba(47,120,237,.16)!important;
}
body.nw-modern-erp .nw-feature-tile[data-nw-tone="2"],
body.nw-modern-erp .app-shell .acct-quick-grid button:nth-child(3n+2),
body.nw-modern-erp .app-shell .employee-personal-directory-btn:nth-child(3n+2){background:linear-gradient(135deg,#5569eb,#7464ea)!important}
body.nw-modern-erp .nw-feature-tile[data-nw-tone="3"],
body.nw-modern-erp .app-shell .acct-quick-grid button:nth-child(3n),
body.nw-modern-erp .app-shell .employee-personal-directory-btn:nth-child(3n){background:linear-gradient(135deg,#22a9d7,#46c4df)!important}
body.nw-modern-erp .nw-feature-tile:after,
body.nw-modern-erp .app-shell .acct-quick-grid button:after,
body.nw-modern-erp .app-shell .employee-personal-directory-btn:after{
  content:"";position:absolute;right:-20px;top:-24px;width:84px;height:84px;border-radius:50%;
  border:18px solid rgba(255,255,255,.08);pointer-events:none;
}
body.nw-modern-erp .nw-tile-icon{
  position:absolute;left:14px;top:15px;display:flex;align-items:center;justify-content:center;
  width:30px;height:30px;border:1px solid rgba(255,255,255,.3);border-radius:10px;
  background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(5px);
}
body.nw-modern-erp .nw-tile-icon svg{width:18px;height:18px}
body.nw-modern-erp .nw-feature-tile b,
body.nw-modern-erp .nw-feature-tile small,
body.nw-modern-erp .nw-feature-tile span,
body.nw-modern-erp .app-shell .acct-quick-grid button b,
body.nw-modern-erp .app-shell .acct-quick-grid button small,
body.nw-modern-erp .app-shell .employee-personal-directory-btn b,
body.nw-modern-erp .app-shell .employee-personal-directory-btn span,
body.nw-modern-erp .app-shell .employee-personal-directory-btn em{color:#fff!important}

body.nw-modern-erp .app-shell .btn{
  min-height:36px;border-radius:11px!important;font-weight:850!important;box-shadow:none!important;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
body.nw-modern-erp .app-shell .btn:hover{transform:translateY(-1px)}
body.nw-modern-erp .app-shell .btn-primary{
  color:#fff!important;border-color:#2f78ed!important;background:linear-gradient(135deg,#2e75e8,#4b9cff)!important;
  box-shadow:0 6px 14px rgba(47,120,237,.15)!important;
}
body.nw-modern-erp .app-shell .btn-soft,
body.nw-modern-erp .app-shell .btn-neutral{background:#fff!important;border-color:#d9e3ef!important;color:#40516a!important}

body.nw-modern-erp .app-shell input,
body.nw-modern-erp .app-shell select,
body.nw-modern-erp .app-shell textarea,
body.nw-modern-erp .app-shell .input{
  min-height:38px;border:1px solid #d6e0ec!important;border-radius:11px!important;background:#fff!important;color:var(--nw-ink)!important;
}
body.nw-modern-erp .app-shell input:focus,
body.nw-modern-erp .app-shell select:focus,
body.nw-modern-erp .app-shell textarea:focus{
  outline:none!important;border-color:#6aa7f5!important;box-shadow:0 0 0 3px rgba(66,145,244,.10)!important;
}
body.nw-modern-erp .app-shell .toolbar{
  padding:10px 12px!important;border:1px solid var(--nw-line)!important;border-radius:14px!important;
  background:rgba(255,255,255,.94)!important;box-shadow:0 2px 8px rgba(31,61,103,.035)!important;
}

body.nw-modern-erp .app-shell .table-wrap{
  border:1px solid var(--nw-line)!important;border-radius:14px!important;background:#fff!important;
  box-shadow:0 2px 9px rgba(31,61,103,.035)!important;
}
body.nw-modern-erp .app-shell .table{border-collapse:separate!important;border-spacing:0!important}
body.nw-modern-erp .app-shell .table thead th,
body.nw-modern-erp .app-shell table thead th{
  background:linear-gradient(180deg,#f8fbff,#f3f7fc)!important;color:#53627a!important;
  border-bottom:1px solid #dae4ef!important;font-weight:900!important;
}
body.nw-modern-erp .app-shell .table tbody tr:nth-child(even) td{background:#fcfdff}
body.nw-modern-erp .app-shell .table tbody tr:hover td{background:#f5f9ff!important}
body.nw-modern-erp .app-shell .table td{border-bottom-color:#edf2f7!important}
body.nw-modern-erp .app-shell .badge{border-radius:999px!important;padding:4px 8px!important}

body.nw-modern-erp .app-shell .grid{gap:14px!important}
body.nw-modern-erp .app-shell .quick-list{display:grid;gap:8px}
body.nw-modern-erp .app-shell .quick-item{
  border:1px solid #e8eef6;border-radius:13px;padding:10px 12px;background:#fff;
}
body.nw-modern-erp .app-shell .modal{
  border:1px solid var(--nw-line)!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(24,43,72,.20)!important;
}
body.nw-modern-erp .app-shell .modal-bg{backdrop-filter:blur(5px);background:rgba(31,43,61,.30)!important}

body.nw-modern-erp .app-shell .accounting-tab-groups{
  padding:8px!important;border:1px solid var(--nw-line)!important;border-radius:15px!important;background:#fff!important;
  box-shadow:var(--nw-shadow-soft)!important;
}
body.nw-modern-erp .app-shell .accounting-tab-group button.active{
  background:linear-gradient(135deg,#2f78ed,#4d9eff)!important;color:#fff!important;border-color:transparent!important;
}
body.nw-modern-erp .app-shell .acct-overview-hero{
  border:0!important;border-radius:20px!important;background:linear-gradient(120deg,#eef6ff,#f3f2ff)!important;
}
body.nw-modern-erp .app-shell .accounting-formal-card{border-radius:18px!important}

@media(max-width:980px){
  body.nw-modern-erp .app-shell #content{padding-left:10px!important;padding-right:10px!important}
  body.nw-modern-erp .app-shell #content>.page-title{padding:15px 14px!important;border-radius:17px!important;margin-bottom:12px}
  body.nw-modern-erp .app-shell #content>.page-title h2{font-size:20px!important}
  body.nw-modern-erp .app-shell #content>.page-title p{font-size:11px!important}
  body.nw-modern-erp .app-shell .grid.grid-4:has(>.stat){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.nw-modern-erp .app-shell .grid.grid-3:has(>.stat){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.nw-modern-erp .app-shell .stat,
  body.nw-modern-erp .app-shell [class*="kpi-card"]{min-height:92px;padding:13px 12px 12px 52px!important}
  body.nw-modern-erp .nw-stat-icon{left:12px;top:13px;width:31px;height:31px}
  body.nw-modern-erp .app-shell .card{padding:14px!important;border-radius:16px!important}
  body.nw-modern-erp .app-shell .acct-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.nw-modern-erp .app-shell .employee-personal-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.nw-modern-erp .nw-feature-tile,
  body.nw-modern-erp .app-shell .acct-quick-grid button,
  body.nw-modern-erp .app-shell .employee-personal-directory-btn{min-height:86px!important;padding-left:48px!important}
}
@media(max-width:560px){
  body.nw-modern-erp .app-shell #content>.page-title{align-items:flex-start;flex-direction:column}
  body.nw-modern-erp .app-shell #content>.page-title .row-wrap{width:100%;justify-content:flex-start}
  body.nw-modern-erp .app-shell .employee-personal-directory-grid{grid-template-columns:1fr 1fr!important}
  body.nw-modern-erp .app-shell .acct-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media print{
  body.nw-modern-erp .nw-heading-icon,body.nw-modern-erp .nw-stat-icon,body.nw-modern-erp .nw-tile-icon{display:none!important}
}