/* ===== ERP365 · Website styles ===== */

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: var(--erp-font-body); color: var(--erp-maastricht); background: #fff; }
img { max-width: 100%; display: block; }

.erp-container { max-width: 1200px; margin: 0 auto; padding: 0 32px; }
.erp-container-narrow { max-width: 880px; margin: 0 auto; padding: 0 32px; }

/* Reset heading margins so component-level margin is predictable */
h1, h2, h3, h4, h5 { margin: 0; }

/* ====== Eyebrow ====== */
.erp-eyebrow {
  font: 700 11px/1 var(--erp-font-body);
  letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--erp-freedom); margin-bottom: 14px; display: inline-block;
}
.erp-eyebrow-muted { color: var(--erp-gray-500); }
.erp-eyebrow-picton { color: var(--erp-picton); }
.erp-eyebrow-yellow { color: var(--erp-yellow); }

/* ====== Nav ====== */
.erp-nav { position: sticky; top: 0; z-index: 50; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; border-bottom: 1px solid transparent; transition: background 200ms, backdrop-filter 200ms, box-shadow 200ms, border-color 200ms; }
.erp-nav.is-scrolled { background: rgba(255,255,255,0.88); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.erp-nav.is-scrolled { box-shadow: 0 2px 12px rgba(2,44,74,0.06); border-bottom-color: var(--erp-gray-100); }
.erp-nav-inner { max-width: 1200px; margin: 0 auto; padding: 14px 32px; display: flex; align-items: center; gap: 40px; }
.erp-nav-logo { display: flex; align-items: center; cursor: pointer; }
.erp-nav-links { display: flex; gap: 28px; flex: 1; }
.erp-nav-links a { font: 500 14px/1 var(--erp-font-body); color: var(--erp-maastricht); text-decoration: none; cursor: pointer; padding: 6px 0; position: relative; transition: color 200ms; }
.erp-nav-links a:hover { color: var(--erp-freedom); }
.erp-nav-links a.is-active { color: var(--erp-freedom); }
.erp-nav-links a.is-active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -18px; height: 2px; background: var(--erp-freedom); border-radius: 2px; }
.erp-nav-actions { display: flex; gap: 10px; align-items: center; }

/* ====== Buttons ====== */
.erp-btn { font: 600 14px/1 var(--erp-font-body); padding: 13px 22px; border-radius: 100px; border: 0; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; text-decoration: none; transition: all 200ms cubic-bezier(.4,0,.2,1); white-space: nowrap; }
.erp-btn-sm { font-size: 13px; padding: 9px 16px; }
.erp-btn-lg { font-size: 15px; padding: 16px 28px; }
.erp-btn-primary { background: var(--erp-freedom); color: #fff; box-shadow: 0 4px 12px rgba(0,128,255,0.25); }
.erp-btn-primary:hover { background: var(--erp-freedom-600); color: #fff; transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,128,255,0.30); }
.erp-btn-ghost { background: transparent; color: var(--erp-freedom); border: 1.5px solid var(--erp-freedom); }
.erp-btn-ghost:hover { background: var(--erp-freedom-50); }
.erp-btn-ghost-dark { background: transparent; color: var(--erp-maastricht); border: 1.5px solid var(--erp-gray-200); }
.erp-btn-ghost-dark:hover { border-color: var(--erp-maastricht); background: #fff; color: var(--erp-maastricht); }
.erp-btn-yellow { background: var(--erp-yellow); color: var(--erp-maastricht); }
.erp-btn-yellow:hover { background: #FFCA1E; color: var(--erp-maastricht); transform: translateY(-1px); }
.erp-btn-dark { background: var(--erp-maastricht); color: #fff; }
.erp-btn-dark:hover { background: var(--erp-maastricht-600); color: #fff; transform: translateY(-1px); }
.erp-btn-full { width: 100%; justify-content: center; }

/* ====== Hero ====== */
.erp-hero { position: relative; padding: 160px 0 96px; margin-top: -80px; overflow: hidden; background: linear-gradient(180deg, #F7F9FC 0%, #fff 100%); }
.erp-hero-orbit { position: absolute; right: -220px; top: -120px; width: 760px; opacity: 0.55; pointer-events: none; }
.erp-hero-orbit-left { position: absolute; left: -320px; bottom: -200px; width: 560px; opacity: 0.35; pointer-events: none; transform: rotate(180deg); }
.erp-hero-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: center; position: relative; }

/* Centered variant (homepage) */
.erp-hero-center { padding: 152px 0 120px; margin-top: -80px; background: radial-gradient(ellipse 1200px 520px at 50% 0%, rgba(0,128,255,0.08) 0%, transparent 70%), linear-gradient(180deg, #F7F9FC 0%, #fff 55%); }
.erp-hero-center-inner { position: relative; max-width: 880px; margin: 0 auto; text-align: center; padding: 0 16px; }
.erp-hero-center .erp-hero-title { font-size: 72px; line-height: 1.02; letter-spacing: -0.035em; margin: 0 auto 22px; max-width: 860px; }
.erp-hero-center .erp-hero-lede { font-size: 19px; line-height: 1.55; color: var(--erp-gray-600); max-width: 620px; margin: 0 auto 36px; }
.erp-hero-center .erp-hero-ctas { justify-content: center; margin-bottom: 28px; gap: 14px; }
.erp-hero-center .erp-hero-meta { justify-content: center; gap: 14px; color: var(--erp-gray-500); font-size: 13px; }
.erp-hero-meta-sep { color: var(--erp-gray-300); font-weight: 600; }

/* "Naujiena" pill above headline */
.erp-hero-pill {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 6px 16px 6px 6px; border-radius: 100px;
  background: #fff; border: 1px solid var(--erp-gray-200);
  box-shadow: 0 1px 2px rgba(2,44,74,0.04), 0 4px 10px rgba(2,44,74,0.04);
  font: 500 13px/1 var(--erp-font-body); color: var(--erp-gray-600);
  text-decoration: none; margin-bottom: 28px;
  transition: all 200ms;
}
.erp-hero-pill:hover { border-color: var(--erp-freedom-200); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(0,128,255,0.12); }
.erp-hero-pill-tag { background: var(--erp-freedom); color: #fff; font: 700 11px/1 var(--erp-font-body); letter-spacing: 0.06em; padding: 6px 10px; border-radius: 100px; }
.erp-hero-pill-arrow { color: var(--erp-freedom); font-weight: 700; transition: transform 150ms; }
.erp-hero-pill:hover .erp-hero-pill-arrow { transform: translateX(3px); }

/* Mock wrapper — large, anchored below, with soft glow */
.erp-hero-mock-wrap { position: relative; max-width: 1160px; margin: 28px auto 0; padding: 0 12px; }
.erp-hero-mock-glow {
  position: absolute; left: 8%; right: 8%; top: 40px; bottom: -30px;
  background: radial-gradient(ellipse at 50% 50%, rgba(0,128,255,0.32) 0%, rgba(0,128,255,0.08) 45%, transparent 70%);
  filter: blur(50px); pointer-events: none; z-index: 0;
}

/* ===== Odoo 19-inspired dashboard ===== */
.erp-odoo {
  position: relative; z-index: 1;
  background: #fff; border-radius: 14px; overflow: hidden;
  border: 1px solid rgba(2,44,74,0.08);
  box-shadow: 0 40px 80px -20px rgba(2,44,74,0.30), 0 20px 40px -10px rgba(2,44,74,0.14);
  font: 400 13px/1.4 var(--erp-font-body);
  color: var(--erp-maastricht);
}
.erp-odoo-chrome { height: 32px; background: #EDF1F7; border-bottom: 1px solid var(--erp-gray-100); display: flex; align-items: center; gap: 6px; padding: 0 12px; }
.erp-odoo-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--erp-gray-200); }
.erp-odoo-dot:nth-child(1) { background: #FF6059; }
.erp-odoo-dot:nth-child(2) { background: #FFBD2E; }
.erp-odoo-dot:nth-child(3) { background: #28C940; }
.erp-odoo-addr { flex: 0 1 360px; margin-left: 12px; background: #fff; border: 1px solid var(--erp-gray-200); border-radius: 6px; padding: 5px 10px; font: 500 11px/1 var(--erp-font-mono); color: var(--erp-gray-500); display: flex; align-items: center; gap: 6px; }
.erp-odoo-addr svg { color: var(--erp-yellow); }
.erp-odoo-chrome-spacer { flex: 1; }

/* Top control panel */
.erp-odoo-top { height: 48px; background: var(--erp-maastricht); color: #fff; display: flex; align-items: center; padding: 0 14px; gap: 14px; }
.erp-odoo-apps { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 6px; background: rgba(255,255,255,0.08); cursor: default; }
.erp-odoo-apps-grid { display: grid; grid-template-columns: repeat(3, 3px); gap: 2px; }
.erp-odoo-apps-grid span { width: 3px; height: 3px; background: #fff; border-radius: 0.5px; }
.erp-odoo-bread { display: flex; align-items: center; gap: 8px; font: 500 13px/1 var(--erp-font-body); }
.erp-odoo-bread-app { background: var(--erp-freedom); color: #fff; padding: 5px 10px; border-radius: 4px; font-weight: 600; font-size: 12px; }
.erp-odoo-bread-sep { color: rgba(255,255,255,0.4); }
.erp-odoo-bread span:last-child { color: rgba(255,255,255,0.85); }
.erp-odoo-top-right { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.erp-odoo-search { display: flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.08); padding: 6px 12px; border-radius: 6px; font: 400 12px/1 var(--erp-font-body); color: rgba(255,255,255,0.6); min-width: 170px; }
.erp-odoo-avatar { width: 28px; height: 28px; border-radius: 50%; background: var(--erp-yellow); color: var(--erp-maastricht); font: 700 11px/1 var(--erp-font-display); display: flex; align-items: center; justify-content: center; }

/* Action bar */
.erp-odoo-actions { display: flex; align-items: center; padding: 12px 18px; background: #F7F9FC; border-bottom: 1px solid var(--erp-gray-100); gap: 12px; flex-wrap: wrap; }
.erp-odoo-actions-left { display: flex; gap: 8px; }
.erp-odoo-actions-right { display: flex; align-items: center; gap: 8px; margin-left: auto; flex-wrap: wrap; }
.erp-odoo-btn { font: 600 12px/1 var(--erp-font-body); padding: 8px 14px; border-radius: 6px; border: 1px solid var(--erp-gray-200); background: #fff; color: var(--erp-maastricht); cursor: default; transition: all 150ms; }
.erp-odoo-btn:hover { border-color: var(--erp-freedom); color: var(--erp-freedom); }
.erp-odoo-btn-primary { background: var(--erp-freedom); color: #fff; border-color: var(--erp-freedom); box-shadow: 0 1px 2px rgba(0,128,255,0.25); }
.erp-odoo-btn-primary:hover { background: var(--erp-freedom-600); color: #fff; border-color: var(--erp-freedom-600); }
.erp-odoo-chip { display: inline-flex; align-items: center; gap: 5px; font: 500 11px/1 var(--erp-font-body); padding: 6px 10px; border-radius: 100px; background: #fff; border: 1px solid var(--erp-gray-200); color: var(--erp-gray-600); }
.erp-odoo-chip-active { background: var(--erp-freedom-50); border-color: var(--erp-freedom-100); color: var(--erp-freedom); }
.erp-odoo-pager { font: 500 11px/1 var(--erp-font-mono); color: var(--erp-gray-500); padding: 0 6px; }
.erp-odoo-views { display: inline-flex; align-items: center; gap: 2px; padding: 3px; background: #fff; border: 1px solid var(--erp-gray-200); border-radius: 6px; }
.erp-odoo-views > span { padding: 5px 6px; border-radius: 4px; color: var(--erp-gray-500); display: inline-flex; align-items: center; }
.erp-odoo-views > span.is-active { background: var(--erp-maastricht); color: #fff; }

/* Body */
.erp-odoo-body { padding: 18px 20px 22px; background: #F7F9FC; }
.erp-odoo-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 16px; }
.erp-odoo-kpi { background: #fff; border: 1px solid var(--erp-gray-100); border-radius: 10px; padding: 14px 16px; position: relative; overflow: hidden; }
.erp-odoo-kpi-l { font: 500 10px/1 var(--erp-font-body); letter-spacing: 0.10em; text-transform: uppercase; color: var(--erp-gray-500); margin-bottom: 8px; }
.erp-odoo-kpi-v { font: 800 22px/1 var(--erp-font-display); color: var(--erp-maastricht); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.erp-odoo-kpi-spark { height: 22px; margin: 8px 0 8px; display: block; }
.erp-odoo-kpi-spark svg { width: 100%; height: 22px; display: block; }
.erp-odoo-kpi-d { font: 500 10px/1.3 var(--erp-font-body); }
.erp-odoo-kpi-d.up { color: #16A34A; }
.erp-odoo-kpi-d.dn { color: var(--erp-desire); }

/* List view */
.erp-odoo-list { background: #fff; border: 1px solid var(--erp-gray-100); border-radius: 10px; overflow: hidden; }
.erp-odoo-list-head,
.erp-odoo-list-row,
.erp-odoo-list-total { display: grid; grid-template-columns: 32px 1.2fr 1.4fr 0.9fr 0.8fr 0.9fr; gap: 12px; padding: 10px 14px; align-items: center; font-size: 12px; }
.erp-odoo-list-head { background: #F7F9FC; font: 700 10px/1 var(--erp-font-body); letter-spacing: 0.10em; text-transform: uppercase; color: var(--erp-gray-500); border-bottom: 1px solid var(--erp-gray-100); padding: 9px 14px; }
.erp-odoo-list-row { border-bottom: 1px solid var(--erp-gray-100); color: var(--erp-maastricht); transition: background 120ms; }
.erp-odoo-list-row:hover { background: var(--erp-freedom-50); }
.erp-odoo-list-row:last-of-type { border-bottom: 0; }
.erp-odoo-col-check { display: flex; justify-content: center; }
.erp-odoo-cb { width: 14px; height: 14px; border: 1.5px solid var(--erp-gray-300); border-radius: 3px; display: inline-block; }
.erp-odoo-cell-n { font: 600 12px/1 var(--erp-font-mono); color: var(--erp-freedom); }
.erp-odoo-cell-muted { color: var(--erp-gray-500); font-variant-numeric: tabular-nums; }
.erp-odoo-badge { display: inline-flex; align-items: center; gap: 4px; font: 600 10px/1 var(--erp-font-body); padding: 4px 8px; border-radius: 100px; }
.erp-odoo-badge::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.erp-odoo-badge-paid { background: #DCFCE7; color: #166534; }
.erp-odoo-badge-sent { background: var(--erp-freedom-50); color: var(--erp-freedom); }
.erp-odoo-badge-overdue { background: #FEE2E2; color: #991B1B; }
.erp-odoo-list-total { background: #F7F9FC; border-top: 1px solid var(--erp-gray-100); font: 600 12px/1 var(--erp-font-body); color: var(--erp-maastricht); grid-template-columns: 1fr auto; padding: 12px 18px; }

.erp-hero-title { font: 800 60px/1.05 var(--erp-font-display); letter-spacing: -0.03em; margin: 0 0 20px; }
.erp-hero-title-sm { font-size: 44px; }
.erp-accent { color: var(--erp-freedom); }
.erp-underline { background: linear-gradient(to top, rgba(255,209,67,0.55) 0 38%, transparent 38%); padding: 0 2px; }
.erp-hero-lede { font: 400 18px/1.6 var(--erp-font-body); color: var(--erp-gray-600); max-width: 560px; margin: 0 0 32px; }
.erp-hero-ctas { display: flex; gap: 12px; margin-bottom: 36px; flex-wrap: wrap; }
.erp-hero-meta { display: flex; gap: 28px; font: 500 13px/1 var(--erp-font-body); color: var(--erp-gray-600); flex-wrap: wrap; }
.erp-hero-meta span { display: inline-flex; align-items: center; gap: 6px; }
.erp-hero-meta .erp-check { color: var(--erp-freedom); font-weight: 700; }

/* Hero product mock */
.erp-mock { position: relative; background: #fff; border-radius: 20px; box-shadow: 0 20px 60px rgba(2,44,74,0.15), 0 4px 12px rgba(2,44,74,0.06); overflow: hidden; border: 1px solid var(--erp-gray-200); }
.erp-mock-chrome { height: 34px; background: var(--erp-gray-50); border-bottom: 1px solid var(--erp-gray-100); display: flex; align-items: center; gap: 6px; padding: 0 14px; }
.erp-mock-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--erp-gray-200); }
.erp-mock-dot:nth-child(1) { background: #FF6059; }
.erp-mock-dot:nth-child(2) { background: #FFBD2E; }
.erp-mock-dot:nth-child(3) { background: #28C940; }
.erp-mock-body { padding: 0; }

/* Dashboard mock content */
.erp-mockboard { display: grid; grid-template-columns: 180px 1fr; min-height: 420px; }
.erp-mockside { background: var(--erp-maastricht); color: #fff; padding: 18px 14px; }
.erp-mockside-logo { display: flex; align-items: center; gap: 8px; font: 800 14px/1 var(--erp-font-display); color: #fff; margin-bottom: 22px; }
.erp-mockside-logo-dot { width: 18px; height: 18px; border-radius: 4px; background: var(--erp-yellow); position: relative; }
.erp-mockside-logo-dot::after { content: ""; position: absolute; inset: 5px; background: var(--erp-maastricht); border-radius: 2px; }
.erp-mockside-nav { display: flex; flex-direction: column; gap: 2px; }
.erp-mockside-nav-item { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 6px; font: 500 12px/1 var(--erp-font-body); color: var(--erp-maastricht-200); cursor: default; }
.erp-mockside-nav-item.is-active { background: rgba(0,128,255,0.18); color: #fff; }
.erp-mockside-nav-item .erp-dotm { width: 12px; height: 12px; border-radius: 3px; background: currentColor; opacity: 0.5; flex-shrink: 0; }
.erp-mockside-nav-item.is-active .erp-dotm { opacity: 1; background: var(--erp-freedom); }
.erp-mockmain { padding: 18px 20px; background: var(--erp-gray-50); }
.erp-mockmain h4 { font: 700 15px/1.2 var(--erp-font-display); color: var(--erp-maastricht); margin: 0 0 4px; }
.erp-mockmain-sub { font: 400 11px/1 var(--erp-font-body); color: var(--erp-gray-500); margin-bottom: 14px; }
.erp-mock-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 14px; }
.erp-mock-kpi { background: #fff; border: 1px solid var(--erp-gray-100); border-radius: 10px; padding: 10px 12px; }
.erp-mock-kpi .l { font: 500 9px/1 var(--erp-font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--erp-gray-500); margin-bottom: 6px; }
.erp-mock-kpi .v { font: 800 18px/1 var(--erp-font-display); color: var(--erp-maastricht); letter-spacing: -0.02em; }
.erp-mock-kpi .d { font: 500 10px/1 var(--erp-font-body); color: #16a34a; margin-top: 4px; }
.erp-mock-kpi .d.neg { color: var(--erp-desire); }
.erp-mock-chart { background: #fff; border: 1px solid var(--erp-gray-100); border-radius: 10px; padding: 12px; height: 170px; position: relative; }
.erp-mock-chart svg { width: 100%; height: 100%; }
.erp-mock-pill { position: absolute; top: 14px; right: 14px; font: 600 9px/1 var(--erp-font-body); letter-spacing: 0.12em; text-transform: uppercase; color: var(--erp-freedom); background: var(--erp-freedom-50); padding: 4px 8px; border-radius: 100px; }

/* ====== Stat row (under hero) ====== */
.erp-stats { padding: 40px 0; border-top: 1px solid var(--erp-gray-100); border-bottom: 1px solid var(--erp-gray-100); background: #fff; }
.erp-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.erp-stat-n { font: 800 40px/1 var(--erp-font-display); letter-spacing: -0.03em; color: var(--erp-maastricht); margin-bottom: 6px; }
.erp-stat-n-accent { color: var(--erp-freedom); }
.erp-stat-l { font: 400 13px/1.4 var(--erp-font-body); color: var(--erp-gray-600); }

/* ====== Trust block (clients) ====== */
.erp-trust { padding: 88px 0; border-top: 1px solid var(--erp-gray-100); }
.erp-trust-grid { display: grid; grid-template-columns: minmax(280px, 1fr) 2fr; gap: 64px; align-items: center; }
.erp-trust-title { font: 700 44px/1.1 var(--erp-font-display); letter-spacing: -0.025em; color: var(--erp-maastricht); margin: 0 0 20px; }
.erp-trust-lede { font: 400 17px/1.6 var(--erp-font-body); color: var(--erp-gray-600); margin: 0; max-width: 420px; }
.erp-trust-logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 56px 48px; align-items: center; justify-items: center; }
.erp-trust-logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 52px; }
.erp-trust-logo img { max-width: 100%; max-height: 32px; object-fit: contain; display: block; }
/* Per-logo height tuning — squarer logos need more height to feel the same visual weight as wide wordmarks */
.erp-trust-logo img[alt="Cherrymusic"]       { max-height: 30px; }
.erp-trust-logo img[alt="Klimato vektoriai"] { max-height: 38px; }
.erp-trust-logo img[alt="Lithutec"]          { max-height: 44px; }
.erp-trust-logo img[alt="MDP Cloud"]         { max-height: 50px; }
@media (max-width: 900px) {
  .erp-trust-grid { grid-template-columns: 1fr; gap: 40px; }
  .erp-trust-title { font-size: 36px; }
  .erp-trust-lede { max-width: none; }
  .erp-trust-logos { gap: 44px 36px; }
}
@media (max-width: 560px) {
  .erp-trust-logos { grid-template-columns: repeat(2, 1fr); gap: 36px 28px; }
  .erp-trust { padding: 64px 0; }
}

/* ====== Generic section ====== */
.erp-section { padding: 96px 0; }
.erp-section-sm { padding: 64px 0; }
.erp-section-gray { background: var(--erp-gray-50); }
.erp-section-dark { background: var(--erp-maastricht); color: #fff; position: relative; overflow: hidden; }
.erp-section-dark::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 20%, rgba(0,128,255,0.2), transparent 55%); pointer-events: none; }
.erp-section-dark > * { position: relative; }
.erp-section-dark .erp-section-title,
.erp-section-dark h2,
.erp-section-dark h3 { color: #fff; }
.erp-section-dark .erp-section-lede { color: var(--erp-maastricht-200); }
.erp-section-dark .erp-eyebrow { color: var(--erp-picton); }

.erp-section-head { margin-bottom: 48px; }
.erp-section-head-center { text-align: center; margin-left: auto; margin-right: auto; }
.erp-section-head-center .erp-section-lede { margin-left: auto; margin-right: auto; }

.erp-section-title { font: 700 44px/1.15 var(--erp-font-display); letter-spacing: -0.025em; margin: 0 0 14px; max-width: 760px; color: var(--erp-maastricht); }
.erp-section-title-sm { font-size: 34px; }
.erp-section-lede { font: 400 18px/1.55 var(--erp-font-body); color: var(--erp-gray-600); margin: 0; max-width: 640px; }

/* ====== Feature cards ====== */
.erp-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.erp-feature-grid-2 { grid-template-columns: repeat(2, 1fr); }
.erp-feature-card { background: #fff; border: 1px solid var(--erp-gray-200); border-radius: 16px; padding: 28px; transition: all 200ms; }
.erp-feature-card:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(2,44,74,0.08); border-color: var(--erp-gray-300); }
.erp-feature-icon { width: 44px; height: 44px; border-radius: 12px; background: var(--erp-freedom-50); color: var(--erp-freedom); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.erp-feature-icon-yellow { background: var(--erp-yellow-100); color: var(--erp-yellow-700); }
.erp-feature-icon-dark { background: var(--erp-maastricht); color: #fff; }
.erp-feature-card h3 { font: 700 18px/1.3 var(--erp-font-display); margin: 0 0 8px; color: var(--erp-maastricht); }
.erp-feature-card p { font: 400 14px/1.55 var(--erp-font-body); color: var(--erp-gray-600); margin: 0; }
.erp-feature-card-list { list-style: none; padding: 0; margin: 14px 0 0; }
.erp-feature-card-list li { font: 500 13px/1.4 var(--erp-font-body); color: var(--erp-maastricht); padding: 6px 0 6px 22px; position: relative; border-top: 1px solid var(--erp-gray-100); }
.erp-feature-card-list li:first-child { border-top: 0; padding-top: 10px; }
.erp-feature-card-list li::before { content: "✓"; position: absolute; left: 0; color: var(--erp-freedom); font-weight: 700; }

/* ====== Pricing ====== */
.erp-pricing-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.erp-pricing-grid-3 { grid-template-columns: repeat(3, 1fr); }
.erp-pricing-card { background: #fff; border-radius: 24px; padding: 40px; border: 1px solid var(--erp-gray-200); display: flex; flex-direction: column; }
.erp-pricing-card-featured { border-color: var(--erp-freedom); box-shadow: 0 16px 40px rgba(0,128,255,0.12); position: relative; }
.erp-pricing-card-featured::before { content: "POPULIARIAUSIA"; position: absolute; top: -10px; right: 24px; background: var(--erp-yellow); color: var(--erp-maastricht); font: 700 10px/1 var(--erp-font-body); letter-spacing: 0.14em; padding: 6px 10px; border-radius: 100px; }
.erp-pricing-card-recommended::before { content: "REKOMENDUOJAMA"; }
.erp-pricing-card-dark { background: var(--erp-maastricht); color: #fff; border-color: transparent; }
.erp-pricing-card-dark h3 { color: #fff; }
.erp-price { margin: 12px 0 18px; }
.erp-price-n { font: 800 48px/1 var(--erp-font-display); letter-spacing: -0.03em; }
.erp-price-n-sm { font-size: 34px; }
.erp-price-u { font: 500 15px/1 var(--erp-font-body); color: var(--erp-gray-500); margin-left: 6px; }
.erp-pricing-card-dark .erp-price-u { color: var(--erp-maastricht-200); }
.erp-price-desc { font: 400 14px/1.55 var(--erp-font-body); color: var(--erp-gray-600); margin: 0 0 18px; }
.erp-pricing-card-dark .erp-price-desc { color: var(--erp-maastricht-200); }
.erp-price-list { list-style: none; padding: 0; margin: 0 0 28px; flex: 1; }
.erp-price-list li { font: 400 14px/1.5 var(--erp-font-body); padding: 10px 0; border-top: 1px solid var(--erp-gray-100); padding-left: 22px; position: relative; color: var(--erp-maastricht); }
.erp-price-list li:before { content: "✓"; position: absolute; left: 0; color: var(--erp-freedom); font-weight: 700; }
.erp-price-list-light li { border-top-color: rgba(255,255,255,0.08); color: #fff; }
.erp-price-list-light li:before { color: var(--erp-yellow); }
.erp-pricing-fine { font: 400 12px/1.4 var(--erp-font-body); color: var(--erp-gray-500); margin: 14px 0 0; text-align: center; }

/* Pricing additions — tag line, separator, muted list, 2-col grid, compare legend */
.erp-price-tag { font: 500 14px/1.4 var(--erp-font-body); color: var(--erp-gray-600); margin: 10px 0 0; }
.erp-price-tag-light { color: var(--erp-maastricht-200); }
.erp-pricing-card-dark .erp-price-tag { color: var(--erp-maastricht-200); }
.erp-price-sep { font: 600 12px/1 var(--erp-font-body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--erp-maastricht); margin: 24px 0 4px; padding-top: 20px; border-top: 1px solid var(--erp-gray-200); }
.erp-price-sep-sm { margin-top: 18px; padding-top: 16px; }
.erp-price-sep-light { color: #fff; border-top-color: rgba(255,255,255,0.12); }
.erp-pricing-card-dark .erp-price-sep { color: #fff; border-top-color: rgba(255,255,255,0.12); }
.erp-price-list-muted li { color: var(--erp-gray-600); }
.erp-price-list-muted li:before { content: "+"; color: var(--erp-freedom); }
.erp-pricing-grid-2 { grid-template-columns: repeat(2, 1fr); }
.erp-compare-legend { margin-top: 18px; font: 400 13px/1.5 var(--erp-font-body); color: var(--erp-gray-600); }

@media (max-width: 860px) {
  .erp-pricing-grid, .erp-pricing-grid-3, .erp-pricing-grid-2 { grid-template-columns: 1fr; }
}

/* ====== Testimonial ====== */
.erp-testimonial-inner { position: relative; max-width: 780px; }
.erp-quote { font: 600 28px/1.35 var(--erp-font-display); letter-spacing: -0.01em; margin: 0 0 32px; color: #fff; }
.erp-testimonial-author { display: flex; align-items: center; gap: 14px; }
.erp-avatar { width: 48px; height: 48px; border-radius: 50%; background: var(--erp-freedom); color: #fff; font: 700 15px/1 var(--erp-font-display); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.erp-author-name { font: 600 15px/1.2 var(--erp-font-body); color: #fff; }
.erp-author-role { font: 400 13px/1.4 var(--erp-font-body); color: var(--erp-maastricht-200); margin-top: 2px; }

/* ====== CTA banner ====== */
.erp-cta-section { padding: 80px 0; }
.erp-cta-inner { background: var(--erp-freedom-50); border-radius: 28px; padding: 56px 48px; display: flex; align-items: center; justify-content: space-between; gap: 40px; position: relative; overflow: hidden; }
.erp-cta-inner::after { content: ""; position: absolute; right: -80px; top: -80px; width: 340px; height: 340px; background: url("../assets/orbit-pattern.svg") no-repeat center/contain; opacity: 0.35; pointer-events: none; }
.erp-cta-title { font: 700 34px/1.2 var(--erp-font-display); letter-spacing: -0.02em; margin: 0 0 8px; color: var(--erp-maastricht); }
.erp-cta-lede { font: 400 16px/1.55 var(--erp-font-body); color: var(--erp-gray-600); margin: 0; max-width: 480px; }
.erp-cta-actions { display: flex; gap: 10px; flex-shrink: 0; position: relative; z-index: 1; }

/* ====== Footer ====== */
.erp-footer { background: var(--erp-maastricht); color: #fff; padding: 64px 0 24px; position: relative; overflow: hidden; }
.erp-footer::before { content: ""; position: absolute; left: -180px; bottom: -180px; width: 420px; height: 420px; background: url("../assets/orbit-pattern.svg") no-repeat center/contain; opacity: 0.18; pointer-events: none; }
.erp-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.08); position: relative; }
.erp-footer h5 { font: 700 12px/1 var(--erp-font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--erp-picton); margin: 0 0 18px; }
.erp-footer a { display: block; font: 400 14px/1 var(--erp-font-body); color: #fff; text-decoration: none; margin-bottom: 12px; opacity: 0.8; cursor: pointer; transition: opacity 150ms, color 150ms; }
.erp-footer a:hover { opacity: 1; color: var(--erp-picton); }
.erp-footer-brand p { font: 400 14px/1.5 var(--erp-font-body); color: var(--erp-maastricht-200); margin: 14px 0 18px; max-width: 300px; }
.erp-footer-brand-social { display: flex; gap: 10px; }
.erp-footer-brand-social a { width: 36px; height: 36px; margin: 0; border-radius: 50%; background: rgba(255,255,255,0.08); display: inline-flex; align-items: center; justify-content: center; opacity: 1; }
.erp-footer-brand-social a:hover { background: var(--erp-freedom); color: #fff; }
.erp-footer-bottom { display: flex; justify-content: space-between; align-items: center; font: 400 13px/1 var(--erp-font-body); color: var(--erp-maastricht-200); padding-top: 24px; position: relative; flex-wrap: wrap; gap: 12px; }
.erp-footer-bottom a { display: inline; opacity: 1; color: var(--erp-maastricht-200); margin: 0 0 0 14px; }
.erp-footer-bottom a:hover { color: #fff; }

/* ====== Page header (subpages) ====== */
.erp-pagehead { position: relative; padding: 72px 0 56px; background: linear-gradient(180deg, #F7F9FC 0%, #fff 100%); overflow: hidden; border-bottom: 1px solid var(--erp-gray-100); }
.erp-pagehead-orbit { position: absolute; right: -220px; top: -140px; width: 640px; opacity: 0.45; pointer-events: none; }
.erp-pagehead-inner { position: relative; max-width: 820px; }
.erp-pagehead h1 { font: 800 52px/1.08 var(--erp-font-display); letter-spacing: -0.03em; margin: 0 0 18px; color: var(--erp-maastricht); }
.erp-pagehead p { font: 400 19px/1.55 var(--erp-font-body); color: var(--erp-gray-600); margin: 0; max-width: 620px; }
.erp-breadcrumb { font: 500 13px/1 var(--erp-font-body); color: var(--erp-gray-500); margin-bottom: 18px; display: flex; align-items: center; gap: 8px; }
.erp-breadcrumb a { color: var(--erp-gray-500); text-decoration: none; }
.erp-breadcrumb a:hover { color: var(--erp-freedom); }
.erp-breadcrumb span { color: var(--erp-gray-400); }

/* ====== Funkcionalumas – module navigator ====== */
.erp-modnav { display: flex; gap: 8px; flex-wrap: wrap; padding: 20px 0 0; border-top: 1px solid var(--erp-gray-100); }
.erp-modnav-pill { font: 600 13px/1 var(--erp-font-body); padding: 9px 14px; border-radius: 100px; background: #fff; border: 1px solid var(--erp-gray-200); color: var(--erp-maastricht); cursor: pointer; transition: all 150ms; }
.erp-modnav-pill:hover { border-color: var(--erp-freedom); color: var(--erp-freedom); }
.erp-modnav-pill.is-active { background: var(--erp-maastricht); color: #fff; border-color: var(--erp-maastricht); }

/* ====== Home – module preview tabs (above hero mockup) ====== */
.erp-home-modnav {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 10px 12px;
  margin: 44px auto 0;
  max-width: 1160px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.erp-home-modnav::-webkit-scrollbar { display: none; }
.erp-home-modnav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px;
  width: 100px;
  height: 100px;
  border-radius: 14px;
  border: 1px solid transparent;
  background: transparent;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  scroll-snap-align: start;
  flex-shrink: 0;
  font-family: inherit;
  transition: border-color 150ms, background-color 150ms, transform 150ms, box-shadow 150ms;
}
.erp-home-modnav-item:hover {
  border-color: var(--erp-gray-200);
  transform: translateY(-1px);
}
.erp-home-modnav-item.is-active {
  border-color: var(--erp-freedom);
  background: var(--erp-freedom-50);
  box-shadow: 0 4px 12px rgba(0, 128, 255, 0.12);
}
.erp-home-modnav-icon {
  width: 44px;
  height: 44px;
  display: block;
  flex-shrink: 0;
}
.erp-home-modnav-label {
  font: 600 12px/1.25 var(--erp-font-body);
  color: var(--erp-maastricht);
  text-align: center;
}
.erp-home-modnav-more {
  border: 1px dashed var(--erp-gray-300);
}
.erp-home-modnav-more:hover {
  border-color: var(--erp-freedom);
}
.erp-home-modnav-more .erp-home-modnav-label {
  font: 500 10.5px/1.25 var(--erp-font-body);
  color: var(--erp-gray-500);
}
.erp-home-modnav-more-plus {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--erp-gray-100);
  color: var(--erp-gray-500);
  font: 700 20px/1 var(--erp-font-display);
  transition: transform 200ms, background-color 200ms, color 200ms, box-shadow 200ms;
}
.erp-home-modnav-more:hover .erp-home-modnav-more-plus {
  background: var(--erp-freedom);
  color: #fff;
  transform: rotate(45deg) translateY(-2px);
  box-shadow: 0 6px 14px rgba(0, 128, 255, 0.3);
}

.erp-modblock { padding: 80px 0; border-bottom: 1px solid var(--erp-gray-100); }
.erp-modblock:last-child { border-bottom: 0; }
.erp-modblock-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 64px; align-items: center; }
.erp-modblock-grid > * { min-width: 0; }
.erp-modblock-grid-reverse .erp-modblock-copy { order: 2; }
.erp-modblock-copy h2 { font: 700 36px/1.15 var(--erp-font-display); letter-spacing: -0.025em; margin: 0 0 14px; color: var(--erp-maastricht); }
.erp-modblock-copy p { font: 400 16px/1.6 var(--erp-font-body); color: var(--erp-gray-600); margin: 0 0 22px; }
.erp-modblock-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 22px; }
.erp-modblock-list li { font: 500 14px/1.45 var(--erp-font-body); color: var(--erp-maastricht); padding-left: 24px; position: relative; }
.erp-modblock-list li::before { content: ""; position: absolute; left: 0; top: 4px; width: 14px; height: 14px; border-radius: 50%; background: var(--erp-freedom-50); border: 2px solid var(--erp-freedom); }

/* Funkcionalumas — kategorijos sekcija + kortelių grid */
.erp-modcat { padding: 72px 0; border-bottom: 1px solid var(--erp-gray-100); }
.erp-modcat:last-of-type { border-bottom: 0; }
.erp-modcat.is-hidden { display: none; }
.erp-modcat-spotlight { margin: 0 0 56px; }
.erp-modcat-spotlight .erp-modblock-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 64px; align-items: center; }
.erp-modcard-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.erp-modcard { background: #fff; border: 1px solid var(--erp-gray-200); border-radius: 16px; padding: 28px; transition: transform 150ms, box-shadow 150ms, border-color 150ms; display: flex; flex-direction: column; }
.erp-modcard:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(2, 44, 74, 0.08); border-color: var(--erp-gray-300); }
.erp-modcard-logo { width: 44px; height: 44px; margin-bottom: 16px; flex-shrink: 0; }
.erp-modcard-title { font: 700 20px/1.25 var(--erp-font-display); letter-spacing: -0.015em; color: var(--erp-maastricht); margin: 0 0 8px; }
.erp-modcard-lede { font: 400 14px/1.5 var(--erp-font-body); color: var(--erp-gray-600); margin: 0 0 16px; }
.erp-modcard-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.erp-modcard-list li { font: 500 13px/1.5 var(--erp-font-body); color: var(--erp-maastricht); padding-left: 20px; position: relative; }
.erp-modcard-list li::before { content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: var(--erp-freedom); }

/* Mock variants */
.erp-mock-list { padding: 0; }
.erp-mock-row { display: grid; grid-template-columns: 2fr 1fr 1fr 90px; gap: 12px; padding: 12px 18px; border-bottom: 1px solid var(--erp-gray-100); font: 500 12px/1 var(--erp-font-body); color: var(--erp-maastricht); align-items: center; }
.erp-mock-row:last-child { border-bottom: 0; }
.erp-mock-row-head { background: var(--erp-gray-50); font-weight: 700; color: var(--erp-gray-500); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; }
.erp-mock-tag { font: 600 10px/1 var(--erp-font-body); padding: 4px 8px; border-radius: 4px; display: inline-block; justify-self: start; }
.erp-mock-tag-paid { background: #DCFCE7; color: #166534; }
.erp-mock-tag-due { background: var(--erp-yellow-100); color: var(--erp-yellow-700); }
.erp-mock-tag-overdue { background: #FEE2E2; color: #991B1B; }

/* ====== Kainos page ====== */
.erp-price-compare { padding: 80px 0; }
.erp-price-compare-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.erp-price-compare-table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid var(--erp-gray-200); border-radius: 16px; overflow: hidden; }
.erp-price-compare-table th, .erp-price-compare-table td { padding: 16px 20px; text-align: left; font: 400 14px/1.4 var(--erp-font-body); color: var(--erp-maastricht); border-bottom: 1px solid var(--erp-gray-100); }
.erp-price-compare-table tr:last-child td { border-bottom: 0; }
.erp-price-compare-table thead th { background: var(--erp-gray-50); font-weight: 700; font-size: 13px; color: var(--erp-maastricht); }
.erp-price-compare-table th:not(:first-child),
.erp-price-compare-table td:not(:first-child) { text-align: center; width: 180px; }
.erp-price-compare-table .erp-cell-check { color: var(--erp-freedom); font-weight: 700; font-size: 16px; }
.erp-price-compare-table .erp-cell-no { color: var(--erp-gray-300); font-size: 16px; }
.erp-price-compare-table tr.erp-cat td { background: var(--erp-gray-50); font: 700 12px/1 var(--erp-font-body); letter-spacing: 0.1em; text-transform: uppercase; color: var(--erp-gray-500); }

/* FAQ */
.erp-faq { max-width: 820px; margin: 0 auto; }
.erp-faq-item { border-bottom: 1px solid var(--erp-gray-200); }
.erp-faq-item:first-child { border-top: 1px solid var(--erp-gray-200); }
.erp-faq-q { display: flex; justify-content: space-between; align-items: center; padding: 22px 0; cursor: pointer; font: 600 18px/1.4 var(--erp-font-display); color: var(--erp-maastricht); gap: 16px; }
.erp-faq-q:hover { color: var(--erp-freedom); }
.erp-faq-icon { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--erp-freedom-50); color: var(--erp-freedom); display: flex; align-items: center; justify-content: center; font-weight: 700; transition: transform 200ms; }
.erp-faq-item.is-open .erp-faq-icon { transform: rotate(45deg); background: var(--erp-freedom); color: #fff; }
.erp-faq-a { overflow: hidden; max-height: 0; transition: max-height 300ms cubic-bezier(.4,0,.2,1); }
.erp-faq-item.is-open .erp-faq-a { max-height: 400px; }
.erp-faq-a-inner { font: 400 15px/1.65 var(--erp-font-body); color: var(--erp-gray-600); padding: 0 44px 22px 0; }
.erp-faq-a-inner p { margin: 0 0 10px; }

/* Calculator */
.erp-calc { background: #fff; border: 1px solid var(--erp-gray-200); border-radius: 24px; padding: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.erp-calc-controls label { display: block; font: 600 13px/1 var(--erp-font-body); color: var(--erp-maastricht); margin-bottom: 10px; }
.erp-calc-input { width: 100%; padding: 14px 16px; border: 1px solid var(--erp-gray-200); border-radius: 12px; font: 500 16px/1 var(--erp-font-body); color: var(--erp-maastricht); background: #fff; margin-bottom: 18px; transition: border-color 150ms, box-shadow 150ms; }
.erp-calc-input:focus { outline: none; border-color: var(--erp-freedom); box-shadow: 0 0 0 3px var(--erp-focus-ring); }
.erp-calc-range { width: 100%; -webkit-appearance: none; appearance: none; height: 6px; border-radius: 3px; background: var(--erp-gray-200); outline: none; margin-bottom: 6px; }
.erp-calc-range::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; background: var(--erp-freedom); border: 3px solid #fff; box-shadow: 0 2px 8px rgba(0,128,255,0.3); cursor: pointer; }
.erp-calc-range::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: var(--erp-freedom); border: 3px solid #fff; box-shadow: 0 2px 8px rgba(0,128,255,0.3); cursor: pointer; border: 0; }
.erp-calc-range-legend { display: flex; justify-content: space-between; font: 400 12px/1 var(--erp-font-body); color: var(--erp-gray-500); margin-bottom: 22px; }
.erp-calc-seg { display: flex; gap: 0; background: var(--erp-gray-50); border-radius: 12px; padding: 4px; margin-bottom: 22px; }
.erp-calc-seg button { flex: 1; border: 0; background: transparent; padding: 10px 14px; border-radius: 8px; font: 600 13px/1 var(--erp-font-body); color: var(--erp-gray-600); cursor: pointer; transition: all 150ms; }
.erp-calc-seg button.is-active { background: #fff; color: var(--erp-maastricht); box-shadow: 0 1px 3px rgba(2,44,74,0.08); }
.erp-calc-output { background: var(--erp-maastricht); color: #fff; border-radius: 16px; padding: 32px; position: relative; overflow: hidden; }
.erp-calc-output::before { content: ""; position: absolute; right: -60px; top: -60px; width: 220px; height: 220px; background: radial-gradient(circle, rgba(0,128,255,0.3), transparent 70%); }
.erp-calc-output-l { font: 600 11px/1 var(--erp-font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--erp-picton); margin-bottom: 8px; position: relative; }
.erp-calc-output-n { font: 800 54px/1 var(--erp-font-display); letter-spacing: -0.03em; margin-bottom: 6px; position: relative; }
.erp-calc-output-u { font: 500 14px/1 var(--erp-font-body); color: var(--erp-maastricht-200); position: relative; }
.erp-calc-output hr { border: 0; border-top: 1px solid rgba(255,255,255,0.1); margin: 22px 0; position: relative; }
.erp-calc-output-break { display: grid; grid-template-columns: 1fr auto; gap: 10px; font: 500 13px/1.5 var(--erp-font-body); color: var(--erp-maastricht-200); position: relative; }
.erp-calc-output-break strong { color: #fff; font-weight: 600; }

/* ====== Apie ERP365 ====== */
.erp-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.erp-about-values { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.erp-value-card { padding: 28px; border: 1px solid var(--erp-gray-200); border-radius: 16px; background: #fff; }
.erp-value-num { font: 800 14px/1 var(--erp-font-mono); color: var(--erp-freedom); margin-bottom: 14px; }
.erp-value-card h3 { font: 700 20px/1.3 var(--erp-font-display); color: var(--erp-maastricht); margin: 0 0 10px; }
.erp-value-card p { font: 400 14px/1.55 var(--erp-font-body); color: var(--erp-gray-600); margin: 0; }

.erp-timeline { position: relative; }
.erp-timeline::before { content: ""; position: absolute; left: 11px; top: 8px; bottom: 8px; width: 2px; background: var(--erp-gray-200); }
.erp-timeline-item { position: relative; padding-left: 44px; padding-bottom: 28px; }
.erp-timeline-item:last-child { padding-bottom: 0; }
.erp-timeline-dot { position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 3px solid var(--erp-freedom); }
.erp-timeline-dot-yellow { border-color: var(--erp-yellow); }
.erp-timeline-year { font: 700 12px/1 var(--erp-font-mono); color: var(--erp-freedom); letter-spacing: 0.06em; margin-bottom: 4px; }
.erp-timeline-title { font: 700 18px/1.3 var(--erp-font-display); color: var(--erp-maastricht); margin: 0 0 6px; }
.erp-timeline-item p { font: 400 14px/1.55 var(--erp-font-body); color: var(--erp-gray-600); margin: 0; }

.erp-team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.erp-team-card { text-align: left; }
.erp-team-photo { aspect-ratio: 1; border-radius: 16px; background: linear-gradient(135deg, var(--erp-freedom-100), var(--erp-freedom-300)); margin-bottom: 14px; position: relative; overflow: hidden; display: flex; align-items: end; justify-content: center; font: 800 72px/1 var(--erp-font-display); color: rgba(255,255,255,0.7); padding-bottom: 10px; }
.erp-team-photo-2 { background: linear-gradient(135deg, var(--erp-yellow-200), var(--erp-yellow-500)); color: rgba(2,44,74,0.35); }
.erp-team-photo-3 { background: linear-gradient(135deg, var(--erp-maastricht-200), var(--erp-maastricht-400)); }
.erp-team-photo-4 { background: linear-gradient(135deg, var(--erp-picton), var(--erp-freedom-400)); }
.erp-team-name { font: 700 17px/1.2 var(--erp-font-display); color: var(--erp-maastricht); margin: 0 0 2px; }
.erp-team-role { font: 500 13px/1.4 var(--erp-font-body); color: var(--erp-gray-500); margin: 0; }

/* ====== Apie — Stack vizualas: vertikalus „tortas" ====== */
.erp-stack-cake-wrap { max-width: 760px; margin: 0 auto; }
.erp-stack-cake { display: grid; gap: 12px; }
.erp-stack-cake-layer { display: grid; grid-template-columns: 64px 1fr; gap: 24px; align-items: start; padding: 24px 32px; border-radius: 0; box-shadow: 0 4px 14px rgba(2,44,74,0.08); transition: transform 200ms ease, box-shadow 200ms ease; cursor: default; }
.erp-stack-cake-layer:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(2,44,74,0.18); }
.erp-stack-cake-layer.is-odoo { background: var(--erp-maastricht); color: #fff; }
.erp-stack-cake-layer.is-team { background: var(--erp-freedom); color: #fff; }
.erp-stack-cake-layer.is-solutions { background: var(--erp-yellow); color: var(--erp-maastricht); }
.erp-stack-cake-icon { width: 56px; height: 56px; border-radius: 0; background: rgba(255,255,255,0.18); display: grid; place-items: center; transition: background 200ms ease; }
.erp-stack-cake-layer.is-solutions .erp-stack-cake-icon { background: rgba(2,44,74,0.12); }
.erp-stack-cake-layer:hover .erp-stack-cake-icon { background: rgba(255,255,255,0.28); }
.erp-stack-cake-layer.is-solutions:hover .erp-stack-cake-icon { background: rgba(2,44,74,0.20); }
.erp-stack-cake-t { font: 700 18px/1.25 var(--erp-font-display); margin-bottom: 4px; }
.erp-stack-cake-d { font: 400 14px/1.5 var(--erp-font-body); opacity: 0.92; }
.erp-stack-cake-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 16px; }
.erp-stack-cake-stat { padding: 12px 14px; background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.14); border-radius: 0; transition: background 200ms ease; }
.erp-stack-cake-layer:hover .erp-stack-cake-stat { background: rgba(255,255,255,0.16); }
.erp-stack-cake-stat-n { font: 800 20px/1 var(--erp-font-display); color: var(--erp-yellow); margin-bottom: 4px; letter-spacing: -0.01em; }
.erp-stack-cake-stat-l { font: 500 11.5px/1.35 var(--erp-font-body); color: rgba(255,255,255,0.80); text-transform: uppercase; letter-spacing: 0.04em; }

/* ====== Apie — Naudos grid ====== */
.erp-benefits-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.erp-benefit-card { padding: 28px; background: #fff; border: 1px solid var(--erp-gray-200); border-radius: 16px; }
.erp-benefit-icon { width: 48px; height: 48px; border-radius: 12px; background: var(--erp-freedom-50); color: var(--erp-freedom); display: grid; place-items: center; margin-bottom: 18px; }
.erp-benefit-icon i { width: 24px; height: 24px; }
.erp-benefit-card h3 { font: 700 17px/1.3 var(--erp-font-display); color: var(--erp-maastricht); margin: 0 0 8px; }
.erp-benefit-card p { font: 400 14px/1.55 var(--erp-font-body); color: var(--erp-gray-600); margin: 0; }

/* ====== Blogas ====== */
.erp-blog-featured { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; padding-bottom: 56px; border-bottom: 1px solid var(--erp-gray-100); margin-bottom: 48px; }
.erp-blog-thumb { aspect-ratio: 16/10; border-radius: 16px; overflow: hidden; position: relative; background: linear-gradient(135deg, var(--erp-freedom), var(--erp-freedom-700)); display: flex; align-items: center; justify-content: center; }
.erp-blog-thumb-yellow { background: linear-gradient(135deg, var(--erp-yellow-400), var(--erp-yellow-600)); }
.erp-blog-thumb-dark { background: linear-gradient(135deg, var(--erp-maastricht), var(--erp-maastricht-700)); }
.erp-blog-thumb-picton { background: linear-gradient(135deg, var(--erp-picton), var(--erp-freedom-400)); }
.erp-blog-thumb-gray { background: linear-gradient(135deg, var(--erp-gray-200), var(--erp-gray-400)); }
.erp-blog-thumb svg { width: 46%; height: 46%; opacity: 0.9; }
.erp-blog-thumb-pattern { position: absolute; inset: 0; background: url("../assets/orbit-pattern.svg") no-repeat center/110%; opacity: 0.25; }
.erp-blog-meta { display: flex; align-items: center; gap: 12px; font: 500 12px/1 var(--erp-font-body); color: var(--erp-gray-500); margin-bottom: 14px; }
.erp-blog-tag { font: 700 11px/1 var(--erp-font-body); letter-spacing: 0.12em; text-transform: uppercase; padding: 6px 10px; border-radius: 100px; background: var(--erp-freedom-50); color: var(--erp-freedom); }
.erp-blog-title-lg { font: 700 36px/1.2 var(--erp-font-display); letter-spacing: -0.02em; margin: 0 0 14px; color: var(--erp-maastricht); }
.erp-blog-title-lg a { color: inherit; text-decoration: none; }
.erp-blog-title-lg a:hover { color: var(--erp-freedom); }
.erp-blog-excerpt { font: 400 16px/1.6 var(--erp-font-body); color: var(--erp-gray-600); margin: 0 0 22px; }
.erp-blog-author { display: flex; align-items: center; gap: 10px; font: 500 14px/1 var(--erp-font-body); color: var(--erp-maastricht); }
.erp-blog-author .erp-avatar { width: 36px; height: 36px; font-size: 12px; }

.erp-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.erp-blog-card { cursor: pointer; }
.erp-blog-card .erp-blog-thumb { margin-bottom: 18px; }
.erp-blog-card h3 { font: 700 20px/1.3 var(--erp-font-display); margin: 0 0 10px; color: var(--erp-maastricht); transition: color 150ms; }
.erp-blog-card:hover h3 { color: var(--erp-freedom); }
.erp-blog-card p { font: 400 14px/1.55 var(--erp-font-body); color: var(--erp-gray-600); margin: 0; }

.erp-blog-topics { display: flex; gap: 10px; flex-wrap: wrap; }
.erp-blog-topic { padding: 10px 16px; border-radius: 100px; background: #fff; border: 1px solid var(--erp-gray-200); font: 500 13px/1 var(--erp-font-body); color: var(--erp-maastricht); cursor: pointer; transition: all 150ms; }
.erp-blog-topic:hover, .erp-blog-topic.is-active { background: var(--erp-maastricht); color: #fff; border-color: var(--erp-maastricht); }

.erp-blog-newsletter { background: linear-gradient(135deg, var(--erp-freedom-50), #fff); border: 1px solid var(--erp-freedom-100); border-radius: 24px; padding: 48px; text-align: center; max-width: 720px; margin: 0 auto; }
.erp-blog-newsletter h3 { font: 700 28px/1.25 var(--erp-font-display); letter-spacing: -0.02em; margin: 0 0 10px; color: var(--erp-maastricht); }
.erp-blog-newsletter p { font: 400 15px/1.55 var(--erp-font-body); color: var(--erp-gray-600); margin: 0 0 24px; }
.erp-blog-newsletter-form { display: flex; gap: 10px; max-width: 440px; margin: 0 auto; }
.erp-blog-newsletter-form input { flex: 1; padding: 13px 18px; border: 1px solid var(--erp-gray-200); border-radius: 100px; font: 400 14px/1 var(--erp-font-body); outline: none; background: #fff; }
.erp-blog-newsletter-form input:focus { border-color: var(--erp-freedom); box-shadow: 0 0 0 3px var(--erp-focus-ring); }

/* ====== Kontaktai ====== */
.erp-contact-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: start; }
.erp-contact-card { padding: 24px; border: 1px solid var(--erp-gray-200); border-radius: 16px; background: #fff; display: flex; gap: 16px; margin-bottom: 14px; transition: all 150ms; }
.erp-contact-card:hover { border-color: var(--erp-freedom); box-shadow: var(--erp-shadow-md); }
.erp-contact-icon { flex-shrink: 0; width: 44px; height: 44px; border-radius: 12px; background: var(--erp-freedom-50); color: var(--erp-freedom); display: flex; align-items: center; justify-content: center; }
.erp-contact-card h4 { font: 700 15px/1.2 var(--erp-font-display); margin: 0 0 4px; color: var(--erp-maastricht); }
.erp-contact-card p { font: 400 13px/1.5 var(--erp-font-body); color: var(--erp-gray-600); margin: 0 0 6px; }
.erp-contact-card a { font: 600 14px/1 var(--erp-font-body); color: var(--erp-freedom); text-decoration: none; }
.erp-contact-card a:hover { text-decoration: underline; }

.erp-form { background: #fff; border: 1px solid var(--erp-gray-200); border-radius: 24px; padding: 40px; }
.erp-form h3 { font: 700 24px/1.25 var(--erp-font-display); letter-spacing: -0.02em; margin: 0 0 6px; color: var(--erp-maastricht); }
.erp-form .erp-form-lede { font: 400 14px/1.5 var(--erp-font-body); color: var(--erp-gray-600); margin: 0 0 28px; }
.erp-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.erp-form-field { margin-bottom: 16px; }
.erp-form-field label { display: block; font: 600 13px/1 var(--erp-font-body); color: var(--erp-maastricht); margin-bottom: 8px; }
.erp-form-field input, .erp-form-field textarea, .erp-form-field select {
  width: 100%; padding: 13px 16px; border: 1px solid var(--erp-gray-200); border-radius: 12px;
  font: 400 15px/1.4 var(--erp-font-body); color: var(--erp-maastricht); background: #fff;
  transition: border-color 150ms, box-shadow 150ms;
}
.erp-form-field input:focus, .erp-form-field textarea:focus, .erp-form-field select:focus {
  outline: none; border-color: var(--erp-freedom); box-shadow: 0 0 0 3px var(--erp-focus-ring);
}
.erp-form-field textarea { resize: vertical; min-height: 120px; }
.erp-form-check { display: flex; align-items: flex-start; gap: 10px; font: 400 13px/1.5 var(--erp-font-body); color: var(--erp-gray-600); margin-bottom: 22px; }
.erp-form-check input { margin: 3px 0 0; }

.erp-map { aspect-ratio: 16/9; border-radius: 16px; overflow: hidden; background: var(--erp-gray-100); position: relative; border: 1px solid var(--erp-gray-200); }
.erp-map-svg { width: 100%; height: 100%; }
.erp-map-pin { position: absolute; left: 50%; top: 48%; transform: translate(-50%, -100%); }

/* ====== Small utility ====== */
.erp-spacer { height: 64px; }
.erp-inline-icon { width: 16px; height: 16px; }

/* ====== Mobile nav (hamburger + drawer) ====== */
.erp-nav-burger {
  display: none;
  background: transparent; border: 0; padding: 8px;
  width: 40px; height: 40px; cursor: pointer;
  flex-direction: column; justify-content: center; align-items: center; gap: 5px;
  border-radius: 8px;
}
.erp-nav-burger:hover { background: var(--erp-gray-100); }
.erp-nav-burger-bar {
  display: block; width: 22px; height: 2px; background: var(--erp-maastricht);
  border-radius: 2px; transition: transform 200ms, opacity 200ms;
  transform-origin: center;
}
.erp-nav-burger-bar.is-open:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.erp-nav-burger-bar.is-open:nth-child(2) { opacity: 0; }
.erp-nav-burger-bar.is-open:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.erp-nav-mobile {
  position: fixed; top: 60px; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 49;
  padding: 16px 20px 32px;
  overflow-y: auto;
  display: flex; flex-direction: column; gap: 2px;
  animation: erpNavMobileIn 180ms ease-out;
}
@keyframes erpNavMobileIn {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}
.erp-nav-mobile-item {
  display: flex; align-items: center; justify-content: space-between;
  font: 600 17px/1.3 var(--erp-font-body); color: var(--erp-maastricht);
  padding: 14px 4px; text-decoration: none; cursor: pointer;
  border: 0; background: transparent; width: 100%; text-align: left;
  border-bottom: 1px solid var(--erp-gray-100);
}
.erp-nav-mobile-item.is-active { color: var(--erp-freedom); }
.erp-nav-mobile-group { font-family: var(--erp-font-body); }
.erp-nav-mobile-sub { padding: 4px 0 8px 8px; display: flex; flex-direction: column; gap: 4px; }
.erp-nav-mobile-subitem {
  display: flex; flex-direction: column; gap: 2px;
  padding: 10px 12px; border-radius: 10px; text-decoration: none;
  background: var(--erp-gray-50, #F7F9FC);
}
.erp-nav-mobile-subitem.is-active { background: var(--erp-freedom-50); }
.erp-nav-mobile-subitem-t { font: 600 14px/1.2 var(--erp-font-body); color: var(--erp-maastricht); }
.erp-nav-mobile-subitem-d { font: 400 12px/1.4 var(--erp-font-body); color: var(--erp-gray-600); }
.erp-nav-mobile-cta { margin-top: 20px; padding: 14px 20px; font-size: 15px; }

/* ====== Responsive ====== */
@media (max-width: 960px) {
  .erp-nav-links { display: none; }
  .erp-nav-burger { display: inline-flex; }
  .erp-nav-actions { margin-left: auto; }
  .erp-hero-grid { grid-template-columns: 1fr; }
  .erp-hero-title { font-size: 42px; }
  .erp-feature-grid, .erp-pricing-grid, .erp-pricing-grid-3 { grid-template-columns: 1fr; }
  .erp-section-title { font-size: 32px; }
  .erp-modblock-grid { grid-template-columns: 1fr; gap: 32px; }
  .erp-modblock-grid-reverse .erp-modblock-copy { order: 0; }
  .erp-modblock-list { grid-template-columns: 1fr; }
  .erp-modblock-copy h2 { font-size: 30px; }
  .erp-modcat { padding: 48px 0; }
  .erp-modcat-spotlight { margin-bottom: 40px; }
  .erp-modcat-spotlight .erp-modblock-grid { grid-template-columns: 1fr; gap: 32px; }
  .erp-modcard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .erp-modnav { flex-wrap: wrap; gap: 6px; padding: 16px 0 0; }
  .erp-modnav-pill { padding: 7px 11px; font-size: 12px; }
  .erp-blog-title-lg { font-size: 28px; }
  .erp-logos-title { font-size: 24px; }
  .erp-about-grid { grid-template-columns: 1fr; }
  .erp-team-grid { grid-template-columns: repeat(2, 1fr); }
  .erp-benefits-grid { grid-template-columns: repeat(2, 1fr); }
  .erp-stack-cake-layer { padding: 18px 22px; grid-template-columns: 48px 1fr; gap: 16px; }
  .erp-stack-cake-icon { width: 48px; height: 48px; }
  .erp-stack-cake-stats { grid-template-columns: repeat(2, 1fr); }
  .erp-blog-featured, .erp-contact-grid, .erp-calc { grid-template-columns: 1fr; gap: 32px; }
  .erp-blog-grid { grid-template-columns: 1fr; }
  .erp-stats-grid { grid-template-columns: repeat(2, 1fr); }
  .erp-cta-inner { flex-direction: column; align-items: flex-start; padding: 36px; }
  .erp-footer-grid { grid-template-columns: 1fr 1fr; }
  .erp-pagehead h1 { font-size: 40px; }
}

@media (max-width: 560px) {
  .erp-container, .erp-container-narrow { padding: 0 16px; }
  .erp-modcard-grid { grid-template-columns: 1fr; }
  .erp-nav-inner { padding: 12px 16px; gap: 16px; }
  .erp-nav-demo-desktop { display: none; }
  .erp-nav-mobile { top: 56px; padding: 12px 16px 32px; }
  .erp-hero { padding: 120px 0 64px; }
  .erp-hero-center { padding: 120px 0 80px; }
  .erp-hero-center .erp-hero-title { font-size: 36px; line-height: 1.08; letter-spacing: -0.02em; }
  .erp-hero-title { font-size: 32px; }
  .erp-hero-center .erp-hero-lede, .erp-hero-lede { font-size: 16px; }
  .erp-hero-center .erp-hero-ctas { flex-direction: column; align-items: stretch; }
  .erp-hero-center .erp-hero-ctas .erp-btn { width: 100%; justify-content: center; }
  .erp-hero-mock-wrap { margin-top: 20px; padding: 0; }
  .erp-home-modnav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
    margin-top: 32px;
    padding: 8px 4px;
    overflow: visible;
  }
  .erp-home-modnav-item { width: auto; height: auto; min-height: 78px; padding: 8px 4px; gap: 6px; }
  .erp-home-modnav-icon { width: 30px; height: 30px; }
  .erp-home-modnav-more-plus { width: 28px; height: 28px; font-size: 16px; }
  .erp-home-modnav-label { font-size: 10.5px; line-height: 1.2; }
  .erp-home-modnav-more .erp-home-modnav-label { font-size: 9.5px; }
  .erp-home-modnav-more-extra { display: none; }
  .erp-section-title { font-size: 26px; }
  .erp-section-lede { font-size: 15px; }
  .erp-modblock-copy h2 { font-size: 26px; }
  .erp-blog-title-lg { font-size: 24px; }
  .erp-logos-title { font-size: 20px; margin-bottom: 28px; }
  .erp-pagehead { padding: 48px 0 36px; }
  .erp-pagehead h1 { font-size: 32px; }
  .erp-pagehead p { font-size: 16px; }
  .erp-cta-section { padding: 56px 0; }
  .erp-cta-inner { padding: 28px 24px; border-radius: 20px; gap: 20px; }
  .erp-cta-title { font-size: 26px; }
  .erp-cta-actions { flex-direction: column; align-items: stretch; width: 100%; }
  .erp-cta-actions .erp-btn { width: 100%; justify-content: center; }
  .erp-team-grid { grid-template-columns: 1fr; }
  .erp-benefits-grid { grid-template-columns: 1fr; }
  .erp-stats-grid { grid-template-columns: 1fr; }
  .erp-footer { padding: 48px 0 24px; }
  .erp-footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .erp-footer-bottom { flex-direction: column; align-items: flex-start; }
  .erp-footer-bottom a { margin: 0 14px 0 0; }
  .erp-blog-newsletter { padding: 32px 20px; }
  .erp-blog-newsletter-form { flex-direction: column; }
  .erp-blog-newsletter-form .erp-btn { width: 100%; justify-content: center; }
}

/* === Odoo CRM Kanban dashboard mock === */
.erp-odoo {
  background: #FFFFFF;
  border-radius: 12px;
  border: 1px solid #E2E8F0;
  overflow: hidden;
  box-shadow: 0 20px 48px -16px rgba(2, 44, 74, 0.18), 0 4px 12px -4px rgba(2, 44, 74, 0.08);
  font-family: var(--erp-font-body, 'Inter', -apple-system, system-ui, sans-serif);
  font-size: 13px;
  color: #0F172A;
}

/* Top nav */
.erp-crm-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFFFFF;
  border-bottom: 1px solid #E2E8F0;
  padding: 0 14px;
  height: 42px;
  gap: 12px;
}
.erp-crm-topbar-left { display: flex; align-items: center; gap: 14px; }
.erp-crm-app-icon {
  width: 22px; height: 22px;
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.erp-crm-app-icon img { width: 100%; height: 100%; display: block; }
.erp-crm-app-name { font-size: 13px; font-weight: 600; color: #0F172A; margin-right: 4px; }
.erp-crm-nav-link {
  font-size: 12.5px; color: #475569; padding: 6px 8px;
  border-radius: 6px; cursor: default;
}
.erp-crm-nav-link.is-active { color: #0F172A; font-weight: 500; }
.erp-crm-nav-link:hover { background: #F1F5F9; }

.erp-crm-topbar-right { display: flex; align-items: center; gap: 12px; color: #475569; }
.erp-crm-topbar-icon { color: #475569; }
.erp-crm-status-dot {
  width: 8px; height: 8px; border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(239,68,68,0.2);
  animation: erpCrmPulse 2s infinite;
}
@keyframes erpCrmPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
.erp-crm-ai-pill {
  font-size: 10px; font-weight: 700; letter-spacing: 0.5px;
  background: linear-gradient(135deg, #0080FF, #8B5CF6);
  color: #FFFFFF; padding: 3px 7px; border-radius: 10px;
}
.erp-crm-badge-wrap { position: relative; display: inline-flex; }
.erp-crm-badge {
  position: absolute; top: -6px; right: -8px;
  background: #EF4444; color: #FFFFFF;
  font-size: 9px; font-weight: 700; line-height: 1;
  padding: 3px 5px; border-radius: 10px; min-width: 16px; text-align: center;
}
.erp-crm-company {
  font-size: 12px; color: #334155; padding: 4px 8px;
  border-radius: 6px; background: transparent;
  white-space: nowrap; max-width: 180px; overflow: hidden; text-overflow: ellipsis;
}
.erp-crm-avatar {
  width: 26px; height: 26px; border-radius: 50%;
  background: linear-gradient(135deg, #FFD143, #F59E0B);
  color: #022C4A; font-size: 11px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  border: 2px solid #FFFFFF; box-shadow: 0 0 0 1px #E2E8F0;
}

/* Action bar */
.erp-crm-actions {
  display: flex; align-items: center; justify-content: space-between;
  background: #F8FAFC; border-bottom: 1px solid #E2E8F0;
  padding: 8px 14px; gap: 12px;
}
.erp-crm-actions-left { display: flex; align-items: center; gap: 8px; }
.erp-crm-actions-center { flex: 1; display: flex; justify-content: center; max-width: 420px; }
.erp-crm-actions-right { display: flex; align-items: center; gap: 8px; }

.erp-crm-btn {
  font-family: inherit; font-size: 12.5px; font-weight: 500;
  padding: 6px 12px; border-radius: 6px; border: 1px solid #E2E8F0;
  background: #FFFFFF; color: #0F172A; cursor: pointer;
  display: inline-flex; align-items: center; gap: 5px;
  transition: all 0.15s;
}
.erp-crm-btn:hover { background: #F1F5F9; }
.erp-crm-btn-primary {
  background: #022C4A; color: #FFFFFF; border-color: #022C4A;
  font-weight: 600;
}
.erp-crm-btn-primary:hover { background: #043b63; }
.erp-crm-btn-ghost { background: transparent; border-color: transparent; color: #475569; }
.erp-crm-btn-ghost:hover { background: #F1F5F9; color: #0F172A; }
.erp-crm-pipe-label {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12.5px; font-weight: 600; color: #0F172A;
  padding: 6px 8px;
}

.erp-crm-search {
  display: flex; align-items: center; gap: 6px;
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px;
  padding: 5px 10px; width: 100%; min-width: 260px;
}
.erp-crm-search-chip {
  display: inline-flex; align-items: center; gap: 5px;
  background: #EFF6FF; color: #0F172A;
  padding: 2px 6px 2px 5px; border-radius: 4px;
  font-size: 11.5px; font-weight: 500;
  border: 1px solid #DBEAFE;
}
.erp-crm-search-filter {
  display: inline-flex; align-items: center; gap: 5px;
  background: var(--erp-freedom-50);
  color: var(--erp-freedom);
  padding: 2px 6px;
  border-radius: 100px;
  font-size: 11px; font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}
.erp-crm-search-filter svg { color: var(--erp-freedom); }
.erp-crm-search-placeholder { font-size: 12px; color: #94A3B8; flex: 1; }

.erp-crm-views {
  display: inline-flex; align-items: center;
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px;
  overflow: hidden;
}
.erp-crm-views > span {
  padding: 6px 8px; color: #64748B; cursor: default;
  border-right: 1px solid #E2E8F0; display: inline-flex; align-items: center;
}
.erp-crm-views > span:last-child { border-right: none; }
.erp-crm-views > span.is-active { color: #0080FF; background: #EFF6FF; }

/* Kanban board */
.erp-crm-body {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(220px, 1fr);
  gap: 10px;
  padding: 12px;
  background: #F1F5F9;
  overflow-x: auto;
  min-height: 440px;
}

.erp-crm-col {
  display: flex; flex-direction: column; gap: 8px;
  min-width: 0;
}
.erp-crm-col-head {
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 8px;
  padding: 10px 12px;
  display: flex; flex-direction: column; gap: 6px;
}
.erp-crm-col-head-row { display: flex; align-items: center; justify-content: space-between; }
.erp-crm-col-title { font-size: 13px; font-weight: 700; color: #0F172A; }
.erp-crm-col-add {
  color: #94A3B8; font-size: 16px; font-weight: 500; line-height: 1;
  cursor: default; padding: 0 4px;
}
.erp-crm-col-meta { display: flex; align-items: center; gap: 8px; }
.erp-crm-col-bar {
  flex: 1; height: 4px; border-radius: 2px; background: #E2E8F0;
  overflow: hidden; display: flex;
}
.erp-crm-col-bar > span { height: 100%; display: block; }
.erp-crm-col-sum { font-size: 11.5px; font-weight: 600; color: #475569; white-space: nowrap; }
.erp-crm-alert-badge {
  background: #EF4444; color: #FFFFFF;
  font-size: 10px; font-weight: 700; padding: 1px 6px; border-radius: 10px;
}

.erp-crm-col-body { display: flex; flex-direction: column; gap: 8px; }

.erp-crm-card {
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px;
  padding: 10px 12px;
  display: flex; flex-direction: column; gap: 4px;
  box-shadow: 0 1px 2px rgba(2, 44, 74, 0.04);
  transition: box-shadow 0.15s, transform 0.15s;
  cursor: default;
}
.erp-crm-card:hover {
  box-shadow: 0 4px 12px rgba(2, 44, 74, 0.08);
  transform: translateY(-1px);
}
.erp-crm-card-title { font-size: 13px; font-weight: 600; color: #0F172A; line-height: 1.3; }
.erp-crm-card-amount { font-size: 12.5px; color: #0F172A; font-weight: 500; }
.erp-crm-card-client {
  display: flex; align-items: center; gap: 5px;
  font-size: 11.5px; color: #64748B; margin-top: 2px;
}
.erp-crm-client-logo {
  width: 14px; height: 14px; border-radius: 3px;
  background: #EFF6FF; color: #0080FF;
  font-size: 8px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
}
.erp-crm-card-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; }
.erp-crm-tag {
  font-size: 10.5px; font-weight: 500;
  padding: 2px 8px; border-radius: 10px; line-height: 1.4;
}
.erp-crm-card-footer {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 4px;
}
.erp-crm-card-footer-left { display: inline-flex; align-items: center; gap: 6px; }
.erp-crm-card-footer-right { display: inline-flex; align-items: center; gap: 4px; }
.erp-crm-stars { display: inline-flex; gap: 1px; }
.erp-crm-overdue {
  background: #FEE2E2; color: #991B1B;
  font-size: 9.5px; font-weight: 700; padding: 2px 6px; border-radius: 10px;
}
.erp-crm-card-avatar {
  width: 20px; height: 20px; border-radius: 50%;
  background: #F1F5F9;
  display: inline-flex; align-items: center; justify-content: center;
}

@media (max-width: 960px) {
  .erp-crm-topbar { padding: 0 8px; height: 38px; }
  .erp-crm-nav-link, .erp-crm-company { display: none; }
  .erp-crm-topbar-right { gap: 8px; }
  .erp-crm-actions-center { display: none; }
  .erp-crm-actions { padding: 6px 8px; }
  .erp-crm-body {
    grid-auto-columns: 80vw;
    padding: 8px;
  }
}

/* CRM mockup spotlight kontekste — siauresnė ląstelė nei pradžios puslapyje, slepiamas 4-asis stulpelis (Laimėta) ir kortelės 3+ kiekviename stulpelyje (kompaktiškas vaizdas: 3 stulp × 2 kortelės = 6 viso) */
.erp-modcat-spotlight .erp-crm-body {
  grid-auto-columns: minmax(0, 1fr);
  overflow-x: hidden;
  min-height: 0;
}
.erp-modcat-spotlight .erp-crm-col:nth-child(n+4) { display: none; }
.erp-modcat-spotlight .erp-crm-col-body > .erp-crm-card:nth-child(n+3) { display: none; }
@media (max-width: 720px) {
  .erp-modcat-spotlight .erp-crm-body {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    grid-template-columns: 1fr;
  }
}

/* ====== Pirkimai (Purchase) list-view mock ====== */
.erp-purchase { background: #FFFFFF; }

.erp-purchase-pagination {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11.5px; color: #475569; padding: 4px 8px;
}

.erp-purchase-kpis {
  display: flex; align-items: stretch; justify-content: space-between;
  gap: 16px; padding: 12px 14px; background: #FFFFFF;
  border-bottom: 1px solid #E2E8F0;
}
.erp-purchase-kpi-rows { flex: 1; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.erp-purchase-kpi-row { display: grid; grid-template-columns: 56px repeat(5, 1fr); gap: 8px; align-items: stretch; }
.erp-purchase-kpi-rowlabel {
  font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
  color: #64748B; display: inline-flex; align-items: center;
}
.erp-purchase-kpi {
  display: flex; flex-direction: column; gap: 2px; padding: 8px 10px;
  border-radius: 6px; min-width: 0;
}
.erp-purchase-kpi-num { font: 700 16px/1.1 var(--erp-font-display); color: #0F172A; }
.erp-purchase-kpi-lab { font: 500 10px/1.2 var(--erp-font-body); color: #475569; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.erp-purchase-kpi.tone-blue { background: #DBEAFE; }
.erp-purchase-kpi.tone-blue .erp-purchase-kpi-num { color: #1E40AF; }
.erp-purchase-kpi.tone-gray { background: #F1F5F9; }
.erp-purchase-kpi.tone-gray .erp-purchase-kpi-num { color: #334155; }
.erp-purchase-kpi.tone-yellow { background: #FEF3C7; }
.erp-purchase-kpi.tone-yellow .erp-purchase-kpi-num { color: #92400E; }
.erp-purchase-kpi.tone-red { background: #FEE2E2; }
.erp-purchase-kpi.tone-red .erp-purchase-kpi-num { color: #991B1B; }
.erp-purchase-kpi.ghost { padding: 6px 10px; background: transparent; border: 1px dashed #E2E8F0; }
.erp-purchase-kpi.ghost .erp-purchase-kpi-num { font-size: 13px; color: #64748B; font-weight: 600; }

.erp-purchase-kpi-side {
  display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px;
  padding-left: 16px; border-left: 1px solid #E2E8F0;
  align-content: center; min-width: 130px;
}
.erp-purchase-kpi-stats { display: contents; }
.erp-purchase-kpi-statval { font: 800 18px/1 var(--erp-font-display); color: #0F172A; text-align: right; }
.erp-purchase-kpi-statval-sub { font-size: 13px; font-weight: 600; color: #64748B; }
.erp-purchase-kpi-statlabels { display: contents; }
.erp-purchase-kpi-statlabels span {
  font: 500 9.5px/1 var(--erp-font-body); letter-spacing: 0.08em; text-transform: uppercase;
  color: #94A3B8; text-align: right;
}

.erp-purchase-list { background: #FFFFFF; padding: 0 8px 12px; }
.erp-purchase-row {
  display: grid;
  grid-template-columns: 18px 70px 110px 1fr 110px 110px 100px 90px 130px;
  gap: 10px; align-items: center;
  padding: 7px 8px;
  border-bottom: 1px solid #F1F5F9;
  font-size: 12px; color: #0F172A;
  min-height: 30px;
}
.erp-purchase-row:last-child { border-bottom: 0; }
.erp-purchase-row-head {
  background: #F8FAFC; border-bottom: 1px solid #E2E8F0;
  font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
  color: #64748B;
}
.erp-purchase-cell-star { display: inline-flex; align-items: center; justify-content: center; }
.erp-purchase-cell-nr { font-family: var(--erp-font-mono); color: #0080FF; font-weight: 500; }
.erp-purchase-cell-truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #475569; }
.erp-purchase-cell-num { font-variant-numeric: tabular-nums; text-align: right; font-weight: 600; }
.erp-purchase-row-head .erp-purchase-cell-num { font-weight: 700; }

.erp-purchase-buyer { display: inline-flex; align-items: center; gap: 6px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.erp-purchase-buyer-avatar {
  width: 18px; height: 18px; border-radius: 50%;
  background: linear-gradient(135deg, #94A3B8, #64748B);
  color: #FFFFFF; font: 700 9px/1 var(--erp-font-display);
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

.erp-purchase-due { font-size: 11.5px; color: #475569; }
.erp-purchase-due-red { color: #DC2626; font-weight: 600; }
.erp-purchase-due-amber { color: #B45309; font-weight: 600; }

.erp-purchase-activity { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: #64748B; }
.erp-purchase-activity-shipping { color: #15803D; }

.erp-purchase-status {
  display: inline-flex; align-items: center;
  font-size: 10.5px; font-weight: 600;
  padding: 3px 9px; border-radius: 100px;
  white-space: nowrap;
}
.erp-purchase-status-order { background: #DCFCE7; color: #166534; }
.erp-purchase-status-rfq { background: #CFFAFE; color: #155E75; }

.erp-purchase-activity-call { color: var(--erp-yellow-600); font-weight: 600; }
.erp-purchase-activity-call svg { color: var(--erp-yellow-500); }

@media (max-width: 960px) {
  .erp-purchase-kpis { flex-direction: column; gap: 10px; padding: 10px; }
  .erp-purchase-kpi-side { grid-template-columns: 1fr 1fr; padding-left: 0; border-left: 0; border-top: 1px solid #E2E8F0; padding-top: 10px; min-width: 0; }
  .erp-purchase-kpi-statval, .erp-purchase-kpi-statlabels span { text-align: left; }
  .erp-purchase-list { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .erp-purchase-row { min-width: 760px; }
}

/* === Pardavimai (Sales) list view === */
.erp-sale { background: #FFFFFF; }
.erp-sale-list { background: #FFFFFF; padding: 0 8px 12px; }
.erp-sale-row {
  display: grid;
  grid-template-columns: 18px 80px 90px 1fr 90px 130px 1fr 1fr 90px 130px;
  gap: 10px; align-items: center;
  padding: 7px 8px;
  border-bottom: 1px solid #F1F5F9;
  font-size: 12px; color: #0F172A;
  min-height: 30px;
}
.erp-sale-row:last-child { border-bottom: 0; }
.erp-sale-row-head {
  background: #F8FAFC; border-bottom: 1px solid #E2E8F0;
  font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
  color: #64748B;
}
.erp-sale-row-head .erp-purchase-cell-num { font-weight: 700; }
.erp-sale-cell-date { color: #475569; font-variant-numeric: tabular-nums; }
.erp-sale-cell-site { color: #475569; }

.erp-sale-status {
  display: inline-flex; align-items: center;
  font-size: 10.5px; font-weight: 600;
  padding: 3px 9px; border-radius: 100px;
  white-space: nowrap;
}
.erp-sale-status-order { background: #DCFCE7; color: #166534; }

@media (max-width: 960px) {
  .erp-sale-list { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .erp-sale-row { min-width: 920px; }
}

/* === Gamyba (Manufacturing) list view === */
.erp-mfg { background: #FFFFFF; }
.erp-mfg-list { background: #FFFFFF; padding: 0 8px 12px; }
.erp-mfg-row {
  display: grid;
  grid-template-columns: 18px 100px 90px 1fr 70px 60px 130px 70px 70px 1fr 110px;
  gap: 10px; align-items: center;
  padding: 7px 8px;
  border-bottom: 1px solid #F1F5F9;
  font-size: 12px; color: #0F172A;
  min-height: 30px;
}
.erp-mfg-row:last-child { border-bottom: 0; }
.erp-mfg-row-head {
  background: #F8FAFC; border-bottom: 1px solid #E2E8F0;
  font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
  color: #64748B;
}
.erp-mfg-row-head .erp-purchase-cell-num { font-weight: 700; }
.erp-mfg-row-total {
  background: #F8FAFC; border-top: 1px solid #E2E8F0; border-bottom: 0;
  font-weight: 700; color: #0F172A;
}

.erp-mfg-row-draft .erp-purchase-cell-nr,
.erp-mfg-row-draft .erp-purchase-cell-truncate,
.erp-mfg-row-draft .erp-purchase-cell-num,
.erp-mfg-row-draft .erp-mfg-cell-uom { color: #0080FF; }

.erp-mfg-cell-uom { color: #475569; }

.erp-mfg-start { font-size: 11.5px; }
.erp-mfg-start-red   { color: #DC2626; font-weight: 600; }
.erp-mfg-start-amber { color: #B45309; font-weight: 600; }
.erp-mfg-start-blue  { color: #0080FF; font-weight: 500; }

.erp-mfg-comp { font-size: 11.5px; text-align: center; }
.erp-mfg-comp-red   { color: #DC2626; font-weight: 600; }
.erp-mfg-comp-green { color: #16A34A; font-weight: 600; }
.erp-mfg-comp-none  { color: #94A3B8; }

.erp-mfg-status {
  display: inline-flex; align-items: center;
  font-size: 10.5px; font-weight: 600;
  padding: 3px 9px; border-radius: 100px;
  white-space: nowrap;
}
.erp-mfg-status-done      { background: #DCFCE7; color: #166534; }
.erp-mfg-status-confirmed { background: #CFFAFE; color: #155E75; }
.erp-mfg-status-draft     { background: #F1F5F9; color: #475569; }

@media (max-width: 960px) {
  .erp-mfg-list { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .erp-mfg-row { min-width: 980px; }
}

/* === Atsargos (Inventory) product kanban === */
.erp-inv { background: #F1F5F9; }
.erp-inv-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 10px;
  background: #F1F5F9;
}
.erp-inv-card {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 6px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 1fr 80px;
  gap: 10px;
  min-height: 110px;
  box-shadow: 0 1px 2px rgba(2, 44, 74, 0.04);
  transition: box-shadow 0.15s, transform 0.15s;
}
.erp-inv-card:hover {
  box-shadow: 0 4px 12px rgba(2, 44, 74, 0.08);
  transform: translateY(-1px);
}
.erp-inv-card-body {
  display: flex; flex-direction: column; gap: 3px; min-width: 0;
}
.erp-inv-card-star {
  display: inline-flex; align-items: flex-start; gap: 5px; min-width: 0;
}
.erp-inv-card-star > svg { flex-shrink: 0; margin-top: 3px; }
.erp-inv-card-name {
  font-size: 12.5px; font-weight: 600; color: #0F172A;
  line-height: 1.3;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.erp-inv-card-code {
  font-size: 10.5px; font-family: var(--erp-font-mono); color: #94A3B8;
}
.erp-inv-card-variant { font-size: 11px; color: #475569; font-weight: 500; }
.erp-inv-card-meta { margin-top: auto; }
.erp-inv-card-meta div { font-size: 11px; color: #475569; line-height: 1.6; }
.erp-inv-card-meta strong { color: #0F172A; font-weight: 600; }
.erp-inv-card-img {
  width: 80px; height: 80px;
  border-radius: 4px;
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

@media (max-width: 960px) {
  .erp-inv-grid { grid-template-columns: repeat(2, 1fr); padding: 8px; }
  .erp-inv-card { min-height: 100px; }
}

/* Atsargos mockup spotlight kontekste — siauresnė ląstelė nei pradžios puslapyje, 2 stulpeliai vietoj 4 ir tik 6 kortelės (3 eilės) */
.erp-modcat-spotlight .erp-inv-grid {
  grid-template-columns: repeat(2, 1fr);
}
.erp-modcat-spotlight .erp-inv-card:nth-child(n+7) { display: none; }
@media (max-width: 560px) {
  .erp-modcat-spotlight .erp-inv-grid { grid-template-columns: 1fr; }
}

/* === Appointlet booking modal === */
.erp-booking-modal {
  position: fixed;
  inset: 0;
  background: rgba(14, 22, 38, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  animation: erp-booking-fade 180ms ease-out;
}
.erp-booking-modal-inner {
  background: #fff;
  border-radius: 20px;
  width: 100%;
  max-width: 1140px;
  height: min(92vh, 860px);
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255,255,255,0.04);
  animation: erp-booking-pop 220ms cubic-bezier(0.2, 0.9, 0.3, 1.2);
}
.erp-booking-modal-inner-split {
  display: grid;
  grid-template-columns: 420px 1px 1fr;
}
.erp-booking-modal-form {
  padding: 36px 32px 32px;
  overflow-y: auto;
  background: var(--erp-maastricht, #022C4A);
  color: #DDE4ED;
  display: flex;
  flex-direction: column;
}
.erp-booking-modal-form .erp-booking-panel-badge {
  background: rgba(255, 255, 255, 0.08);
  color: #B7DCFF;
}
.erp-booking-modal-form h3 {
  font: 700 22px/1.25 var(--erp-font-display);
  letter-spacing: -0.02em;
  margin: 8px 0 6px;
  color: #fff;
}
.erp-booking-modal-form .erp-form-lede {
  font: 400 14px/1.5 var(--erp-font-body);
  color: rgba(221, 228, 237, 0.78);
  margin: 0 0 20px;
}
.erp-booking-modal-form-fields {
  display: flex;
  flex-direction: column;
}
.erp-booking-modal-form .erp-form-row { gap: 12px; }
.erp-booking-modal-form .erp-form-field { margin-bottom: 14px; }
.erp-booking-modal-form .erp-form-field label { color: #fff; }
.erp-booking-modal-form .erp-form-field input {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
}
.erp-booking-modal-form .erp-form-field input::placeholder {
  color: rgba(221, 228, 237, 0.4);
}
.erp-booking-modal-form .erp-form-field input:focus {
  background: rgba(255, 255, 255, 0.10);
  border-color: var(--erp-freedom, #0080FF);
  box-shadow: 0 0 0 3px rgba(0, 128, 255, 0.30);
  outline: none;
}
.erp-booking-modal-form .erp-form-field input.is-error,
.erp-booking-modal-form .erp-form-field input.is-error:focus {
  border-color: #FF8B7E;
  box-shadow: 0 0 0 3px rgba(255, 139, 126, 0.22);
}
.erp-booking-modal-form .erp-form-field-error {
  margin: 6px 0 0;
  font: 500 12px/1.4 var(--erp-font-body);
  color: #FFB4AB;
}
.erp-booking-modal-form .erp-form-check { margin: 4px 0 18px; color: rgba(221, 228, 237, 0.78); }
.erp-booking-modal-form .erp-form-check a {
  color: #B7DCFF;
  text-decoration: underline;
}
.erp-booking-modal-form-error {
  margin: 12px 0 0;
  font: 500 13px/1.4 var(--erp-font-body);
  color: #FFB4AB;
}
.erp-booking-modal-form-error a { color: inherit; text-decoration: underline; }
.erp-booking-modal-form-success {
  margin: auto 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 24px;
  background: #ECFAF3;
  border: 1px solid #B7E9CE;
  border-radius: 16px;
}
.erp-booking-modal-form-success-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #1FA971;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.erp-booking-modal-form-success-icon i { width: 22px; height: 22px; }
.erp-booking-modal-form-success h4 {
  font: 700 18px/1.3 var(--erp-font-display);
  color: var(--erp-maastricht);
  margin: 0;
}
.erp-booking-modal-form-success p {
  font: 400 14px/1.5 var(--erp-font-body);
  color: var(--erp-gray-700, #374151);
  margin: 0;
}
.erp-booking-modal-divider {
  position: relative;
  background: transparent;
}
.erp-booking-modal-divider span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 5px 11px;
  background: #fff;
  border: 1px solid var(--erp-gray-200, #DDE4ED);
  border-radius: 100px;
  font: 600 11px/1 var(--erp-font-body);
  color: var(--erp-gray-600, #5A6B82);
  letter-spacing: 0.6px;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}
.erp-booking-modal-calendar {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.erp-booking-modal-calendar-head {
  padding: 36px 32px 16px;
  border-bottom: 1px solid var(--erp-gray-200, #DDE4ED);
}
.erp-booking-modal-calendar-head h3 {
  font: 700 22px/1.25 var(--erp-font-display);
  letter-spacing: -0.02em;
  margin: 8px 0 6px;
  color: var(--erp-maastricht);
}
.erp-booking-modal-calendar .erp-booking-modal-frame {
  flex: 1;
  min-height: 0;
}
.erp-booking-modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--erp-gray-200, #E5EAF2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--erp-gray-700, #374151);
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  transition: background 120ms, transform 120ms;
}
.erp-booking-modal-close:hover {
  background: var(--erp-gray-100, #F4F6FA);
  transform: scale(1.05);
}
.erp-booking-modal-close i { width: 20px; height: 20px; }
.erp-booking-modal-frame {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
@keyframes erp-booking-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes erp-booking-pop {
  from { opacity: 0; transform: translateY(10px) scale(0.98); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 860px) {
  .erp-booking-modal-inner-split {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
  .erp-booking-modal-inner {
    height: auto;
    max-height: 100vh;
    overflow-y: auto;
  }
  .erp-booking-modal-form { padding: 32px 24px 24px; }
  .erp-booking-modal-divider {
    height: 1px;
    width: auto;
    margin: 0 24px;
  }
  .erp-booking-modal-calendar-head { padding: 20px 24px 12px; }
  .erp-booking-modal-calendar .erp-booking-modal-frame {
    flex: none;
    height: 620px;
    min-height: 620px;
  }
}
@media (max-width: 720px) {
  .erp-booking-modal { padding: 0; }
  .erp-booking-modal-inner { border-radius: 0; max-width: none; min-height: 100vh; }
}

/* Contact page booking panel (replaces demo form) */
.erp-booking-panel { display: flex; flex-direction: column; }
.erp-booking-panel-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 100px;
  background: var(--erp-freedom-50, #EAF4FF);
  color: var(--erp-freedom, #0080FF);
  font: 600 12px/1 var(--erp-font-body);
  letter-spacing: 0.3px;
  align-self: flex-start;
  margin-bottom: 16px;
}
.erp-booking-panel-list {
  list-style: none;
  margin: 20px 0 24px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.erp-booking-panel-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font: 400 15px/1.5 var(--erp-font-body);
  color: var(--erp-gray-700, #374151);
}
.erp-booking-panel-list li i {
  color: var(--erp-freedom, #0080FF);
  flex-shrink: 0;
}

/* ====== Apskaita (Accounting) dashboard mock ====== */
.erp-acc { background: #FFFFFF; }

.erp-acc-topbar {
  display: flex; align-items: center; justify-content: space-between;
  background: #FFFFFF; border-bottom: 1px solid #E2E8F0;
  padding: 0 12px; height: 42px; gap: 10px;
  white-space: nowrap;
}
.erp-acc-topbar-left {
  display: flex; align-items: center; gap: 4px;
  min-width: 0; flex: 1 1 auto; overflow: hidden;
}
.erp-acc-app-icon {
  width: 20px; height: 20px;
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.erp-acc-app-icon img { width: 100%; height: 100%; display: block; }
.erp-acc-app-name { font-size: 13px; font-weight: 600; color: #0F172A; margin: 0 6px 0 4px; flex-shrink: 0; }
.erp-acc-nav-link {
  font-size: 12px; color: #475569; padding: 5px 6px;
  border-radius: 6px; cursor: default;
}
.erp-acc-nav-link.is-active { color: #0F172A; font-weight: 500; }
.erp-acc-nav-link:hover { background: #F1F5F9; }

.erp-acc-topbar-right { display: flex; align-items: center; gap: 10px; color: #475569; flex-shrink: 0; }
.erp-acc-topbar-icon { color: #475569; }
.erp-acc-status-dot {
  width: 8px; height: 8px; border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(239,68,68,0.2);
  animation: erpAccPulse 2s infinite;
}
@keyframes erpAccPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
.erp-acc-ai-pill {
  font-size: 10px; font-weight: 700; letter-spacing: 0.5px;
  background: linear-gradient(135deg, #0080FF, #8B5CF6);
  color: #FFFFFF; padding: 3px 7px; border-radius: 10px;
}
.erp-acc-badge-wrap { position: relative; display: inline-flex; }
.erp-acc-badge {
  position: absolute; top: -6px; right: -8px;
  background: #EF4444; color: #FFFFFF;
  font-size: 9px; font-weight: 700; line-height: 1;
  padding: 3px 5px; border-radius: 10px; min-width: 16px; text-align: center;
}
.erp-acc-company {
  font-size: 12px; color: #334155; padding: 4px 8px;
  white-space: nowrap; max-width: 220px;
  overflow: hidden; text-overflow: ellipsis;
}
.erp-acc-avatar {
  width: 26px; height: 26px; border-radius: 50%;
  background: linear-gradient(135deg, #FFD143, #F59E0B);
  color: #022C4A; font-size: 11px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  border: 2px solid #FFFFFF; box-shadow: 0 0 0 1px #E2E8F0;
}

.erp-acc-actions {
  display: flex; align-items: center; justify-content: space-between;
  background: #F8FAFC; border-bottom: 1px solid #E2E8F0;
  padding: 8px 14px; gap: 12px;
}
.erp-acc-actions-left { display: flex; align-items: center; gap: 8px; }
.erp-acc-actions-center { flex: 1; display: flex; justify-content: center; max-width: 480px; }
.erp-acc-actions-right { display: flex; align-items: center; gap: 6px; color: #475569; }
.erp-acc-pagetitle {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 600; color: #022C4A;
}
.erp-acc-search {
  display: flex; align-items: center; gap: 6px;
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px;
  padding: 5px 10px; width: 100%; min-width: 260px;
}
.erp-acc-search-chip {
  display: inline-flex; align-items: center; gap: 5px;
  background: #EFF6FF; color: #0F172A;
  padding: 2px 6px 2px 5px; border-radius: 4px;
  font-size: 11.5px; font-weight: 500;
  border: 1px solid #DBEAFE;
}
.erp-acc-search-placeholder { font-size: 12px; color: #94A3B8; flex: 1; }
.erp-acc-paging { font-size: 12px; color: #475569; font-variant-numeric: tabular-nums; }
.erp-acc-paging-arrow {
  width: 22px; height: 22px; border-radius: 4px;
  display: inline-flex; align-items: center; justify-content: center;
  background: #FFFFFF; border: 1px solid #E2E8F0;
}

.erp-acc-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 14px; padding: 14px; background: #F1F5F9;
  min-height: 480px;
}
.erp-acc-card {
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px;
  padding: 14px 16px;
  display: flex; flex-direction: column; gap: 10px;
  border-left: 3px solid var(--erp-maastricht);
}
.erp-acc-card-head {
  display: flex; align-items: center; justify-content: space-between;
}
.erp-acc-card-title {
  font-size: 14px; font-weight: 700; color: var(--erp-freedom);
}
.erp-acc-card-kebab { line-height: 0; }
.erp-acc-card-btns { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.erp-acc-card-btn {
  font-size: 11.5px; font-weight: 500; padding: 5px 10px;
  border-radius: 4px; border: 1px solid #E2E8F0;
  background: #FFFFFF; color: #475569; cursor: default;
}
.erp-acc-card-btn-primary {
  background: var(--erp-maastricht); color: #FFFFFF;
  border-color: var(--erp-maastricht); font-weight: 600;
}
.erp-acc-kpis { display: flex; flex-direction: column; gap: 4px; }
.erp-acc-kpi {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 12px; font-size: 12px;
}
.erp-acc-kpi-label {
  display: inline-flex; align-items: baseline; gap: 5px;
  color: var(--erp-freedom);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0;
}
.erp-acc-kpi-count { color: var(--erp-freedom); font-weight: 600; }
.erp-acc-kpi-amt {
  color: #0F172A; font-weight: 500; font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.erp-acc-chart { margin-top: auto; }
.erp-acc-chart-bars {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px;
  height: 70px; align-items: end; padding: 0 2px;
}
.erp-acc-bar-wrap { height: 100%; display: flex; align-items: flex-end; }
.erp-acc-bar { display: block; width: 100%; border-radius: 1px; }
.erp-acc-chart-x {
  display: grid; grid-template-columns: repeat(6, 1fr);
  gap: 4px; padding: 6px 2px 0;
  font-size: 9.5px; color: #94A3B8;
  border-top: 1px solid #E2E8F0;
}
.erp-acc-chart-x > span {
  text-align: center; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}
.erp-acc-chart-line { padding-top: 6px; border-top: 1px solid #E2E8F0; }
.erp-acc-chart-spark { padding-top: 6px; }

.erp-acc-checklist { display: flex; flex-direction: column; gap: 8px; }
.erp-acc-checklist-item {
  display: flex; align-items: center; gap: 8px; font-size: 12px;
}
.erp-acc-checklist-dot {
  width: 12px; height: 12px; border-radius: 50%;
  background: #E2E8F0; flex-shrink: 0;
}
.erp-acc-checklist-text { color: var(--erp-freedom); }

@media (max-width: 960px) {
  .erp-acc-topbar { padding: 0 8px; height: 38px; }
  .erp-acc-nav-link { display: none; }
  .erp-acc-topbar-right { gap: 8px; }
  .erp-acc-company { display: none; }
  .erp-acc-actions-center { display: none; }
  .erp-acc-actions { padding: 6px 8px; }
  .erp-acc-grid { grid-template-columns: repeat(2, 1fr); padding: 10px; gap: 10px; min-height: 0; }
}

/* === Sąskaitos-faktūros (Invoices) kanban — reuses .erp-acc-* topbar/action chrome === */
.erp-saf-new {
  display: inline-flex; align-items: center;
  background: var(--erp-maastricht); color: #FFFFFF;
  font-size: 12px; font-weight: 600;
  padding: 6px 12px; border-radius: 6px; cursor: default;
}
.erp-saf-btn {
  display: inline-flex; align-items: center;
  background: #FFFFFF; color: #475569;
  border: 1px solid #E2E8F0;
  font-size: 12px; font-weight: 500;
  padding: 5px 11px; border-radius: 6px; cursor: default;
}
.erp-saf-views {
  display: inline-flex; align-items: center;
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px;
  overflow: hidden; margin-left: 4px;
}
.erp-saf-views > span {
  padding: 5px 7px; color: #64748B; cursor: default;
  border-right: 1px solid #E2E8F0;
  display: inline-flex; align-items: center;
}
.erp-saf-views > span:last-child { border-right: 0; }
.erp-saf-views > span.is-active { color: var(--erp-freedom); background: var(--erp-freedom-50); }

.erp-saf-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 8px; padding: 10px;
  background: #F1F5F9;
}
.erp-saf-card {
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px;
  padding: 12px 14px;
  display: flex; flex-direction: column; gap: 8px;
  box-shadow: 0 1px 2px rgba(2, 44, 74, 0.04);
}
.erp-saf-card-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px;
}
.erp-saf-client {
  font-size: 13px; font-weight: 700; color: #0F172A;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  min-width: 0;
}
.erp-saf-amount {
  font-size: 13px; font-weight: 700; color: #0F172A;
  font-variant-numeric: tabular-nums; flex-shrink: 0;
}
.erp-saf-card-foot {
  display: flex; align-items: center; justify-content: space-between;
  gap: 8px;
}
.erp-saf-meta {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11px; color: #64748B;
  font-family: var(--erp-font-mono);
  min-width: 0; overflow: hidden;
}
.erp-saf-nr { white-space: nowrap; }
.erp-saf-date { white-space: nowrap; }
.erp-saf-act { display: inline-flex; align-items: center; }

.erp-saf-status {
  font-size: 10.5px; font-weight: 600;
  padding: 3px 9px; border-radius: 999px;
  white-space: nowrap; flex-shrink: 0;
}
.erp-saf-status-paying     { background: #16A34A; color: #FFFFFF; }
.erp-saf-status-sent       { background: #F1F5F9; color: #475569; border: 1px solid #E2E8F0; }
.erp-saf-status-partial    { background: #F1F5F9; color: #475569; border: 1px solid #E2E8F0; }
.erp-saf-status-registered { background: #F1F5F9; color: #475569; border: 1px solid #E2E8F0; }

@media (max-width: 960px) {
  .erp-saf-grid { grid-template-columns: 1fr; padding: 8px; gap: 8px; }
}

/* Sąskaitos-faktūros mockup spotlight kontekste — 2 stulpeliai × 3 eilės = 6 kortelės */
.erp-modcat-spotlight .erp-saf-card:nth-child(n+7) { display: none; }
@media (max-width: 720px) {
  .erp-modcat-spotlight .erp-saf-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .erp-acc-grid { grid-template-columns: 1fr; }
}

/* ====== Skydeliai (Dashboards) mock ====== */
.erp-skd { background: #FFFFFF; }

.erp-skd-topbar {
  display: flex; align-items: center; justify-content: space-between;
  background: #FFFFFF; border-bottom: 1px solid #E2E8F0;
  padding: 0 12px; height: 42px; gap: 10px;
  white-space: nowrap;
}
.erp-skd-topbar-left {
  display: flex; align-items: center; gap: 4px;
  min-width: 0; flex: 1 1 auto; overflow: hidden;
}
.erp-skd-app-icon {
  width: 20px; height: 20px;
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.erp-skd-app-icon img { width: 100%; height: 100%; display: block; }
.erp-skd-app-name {
  font-size: 13px; font-weight: 600; color: #0F172A;
  margin: 0 6px 0 4px; flex-shrink: 0;
}
.erp-skd-nav-link {
  font-size: 12px; color: #475569; padding: 5px 6px;
  border-radius: 6px; cursor: default;
}
.erp-skd-nav-link.is-active { color: #0F172A; font-weight: 500; }
.erp-skd-nav-link:hover { background: #F1F5F9; }

.erp-skd-topbar-right {
  display: flex; align-items: center; gap: 10px;
  color: #475569; flex-shrink: 0;
}
.erp-skd-topbar-icon { color: #475569; }
.erp-skd-status-dot {
  width: 8px; height: 8px; border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(239,68,68,0.2);
  animation: erpAccPulse 2s infinite;
}
.erp-skd-ai-pill {
  font-size: 10px; font-weight: 700; letter-spacing: 0.5px;
  background: linear-gradient(135deg, #0080FF, #8B5CF6);
  color: #FFFFFF; padding: 3px 7px; border-radius: 10px;
}
.erp-skd-badge-wrap { position: relative; display: inline-flex; }
.erp-skd-badge {
  position: absolute; top: -6px; right: -8px;
  background: #EF4444; color: #FFFFFF;
  font-size: 9px; font-weight: 700; line-height: 1;
  padding: 3px 5px; border-radius: 10px; min-width: 16px; text-align: center;
}
.erp-skd-company {
  font-size: 12px; color: #334155;
  white-space: nowrap; max-width: 200px;
  overflow: hidden; text-overflow: ellipsis;
}
.erp-skd-avatar {
  width: 26px; height: 26px; border-radius: 50%;
  background: linear-gradient(135deg, #FFD143, #F59E0B);
  color: #022C4A; font-size: 11px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  border: 2px solid #FFFFFF; box-shadow: 0 0 0 1px #E2E8F0;
}

.erp-skd-actions {
  display: flex; align-items: center; justify-content: space-between;
  background: #F8FAFC; border-bottom: 1px solid #E2E8F0;
  padding: 8px 14px; gap: 12px;
}
.erp-skd-actions-left { display: flex; align-items: center; gap: 8px; }
.erp-skd-actions-center { flex: 1; display: flex; justify-content: center; max-width: 360px; }
.erp-skd-actions-right { display: flex; align-items: center; gap: 8px; color: #475569; flex-shrink: 0; }
.erp-skd-pagetitle { font-size: 13px; font-weight: 600; color: var(--erp-freedom); }
.erp-skd-search {
  display: flex; align-items: center; gap: 6px;
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px;
  padding: 5px 10px; width: 100%; min-width: 200px;
}
.erp-skd-search-placeholder { font-size: 12px; color: #94A3B8; flex: 1; }
.erp-skd-daterange {
  display: inline-flex; align-items: center; gap: 6px;
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px;
  padding: 5px 10px; font-size: 12px; color: #334155;
}
.erp-skd-paging-arrow {
  width: 22px; height: 22px; border-radius: 4px;
  display: inline-flex; align-items: center; justify-content: center;
  background: #FFFFFF; border: 1px solid #E2E8F0;
}
.erp-skd-share {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 12px; color: var(--erp-freedom); padding: 5px 4px;
}
.erp-skd-fav { color: #94A3B8; flex-shrink: 0; }

.erp-skd-body {
  display: grid; grid-template-columns: 180px 1fr;
  background: #FFFFFF; min-height: 540px;
}
.erp-skd-sidebar {
  background: #FAFBFC; border-right: 1px solid #E2E8F0;
  padding: 12px 0; overflow-y: auto;
}
.erp-skd-sb-group { padding: 0 0 12px; }
.erp-skd-sb-grouplabel {
  font-size: 10px; font-weight: 700; letter-spacing: 0.08em;
  padding: 6px 16px 4px; color: #94A3B8; text-transform: uppercase;
}
.erp-skd-sb-item {
  font-size: 12px; padding: 6px 16px; color: #475569; cursor: default;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.erp-skd-sb-item:hover { background: #F1F5F9; }
.erp-skd-sb-item.is-active {
  background: var(--erp-freedom-50);
  color: var(--erp-freedom);
  font-weight: 500;
}

.erp-skd-main {
  padding: 14px; display: flex; flex-direction: column; gap: 14px;
  background: #FFFFFF; min-width: 0;
}

.erp-skd-kpi-row {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;
}
.erp-skd-kpi {
  padding: 10px 12px; border-radius: 6px;
  display: flex; flex-direction: column; gap: 4px;
  border: 1px solid transparent;
}
.erp-skd-kpi.tone-blue { background: #EFF6FF; border-color: #DBEAFE; }
.erp-skd-kpi.tone-yellow { background: #FEF3C7; border-color: #FDE68A; }
.erp-skd-kpi-head { display: flex; align-items: center; justify-content: space-between; }
.erp-skd-kpi-label { font-size: 11.5px; font-weight: 600; color: #0F172A; }
.erp-skd-kpi-kebab { line-height: 0; }
.erp-skd-kpi-value {
  font: 700 22px/1.1 var(--erp-font-display);
  color: #0F172A; letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}
.erp-skd-kpi-delta {
  font-size: 10.5px; color: #475569; line-height: 1.2;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.erp-skd-kpi-up { color: #16A34A; font-weight: 600; }

.erp-skd-section-title {
  font-size: 13px; font-weight: 700; color: var(--erp-freedom);
  padding-bottom: 6px; border-bottom: 1px solid #E2E8F0;
  margin-bottom: 8px;
}

.erp-skd-chart { width: 100%; }
.erp-skd-chart svg { display: block; width: 100%; height: 180px; }
.erp-skd-chart-x {
  display: grid; grid-template-columns: repeat(4, 1fr);
  font-size: 10px; color: #94A3B8;
  padding: 4px 0 0 60px;
}
.erp-skd-chart-x > span { text-align: left; }

.erp-skd-tables { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.erp-skd-table { display: flex; flex-direction: column; min-width: 0; }
.erp-skd-table-title {
  font-size: 13px; font-weight: 700; color: var(--erp-freedom);
  padding-bottom: 6px; border-bottom: 1px solid #E2E8F0;
  margin-bottom: 4px;
}
.erp-skd-th, .erp-skd-tr {
  display: grid; grid-template-columns: 1.6fr 1fr 1fr;
  gap: 6px; padding: 5px 0; font-size: 11px;
  border-bottom: 1px solid #F1F5F9;
}
.erp-skd-th { font-weight: 600; color: #475569; }
.erp-skd-tr { color: #0F172A; align-items: center; }
.erp-skd-th .right, .erp-skd-tr .right { text-align: right; font-variant-numeric: tabular-nums; }
.erp-skd-td-partner {
  background: #FEF3C7; padding: 3px 6px; border-radius: 3px;
  color: #0F172A; min-width: 0;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.erp-skd-table.tone-blue .erp-skd-td-partner { background: #DBEAFE; }

@media (max-width: 960px) {
  .erp-skd-topbar { padding: 0 8px; height: 38px; }
  .erp-skd-nav-link { display: none; }
  .erp-skd-company { display: none; }
  .erp-skd-actions-center { display: none; }
  .erp-skd-actions { padding: 6px 8px; }
  .erp-skd-body { grid-template-columns: 140px 1fr; min-height: 0; }
  .erp-skd-kpi-row { grid-template-columns: repeat(2, 1fr); }
  .erp-skd-tables { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .erp-skd-body { grid-template-columns: 1fr; }
  .erp-skd-sidebar { display: none; }
}

/* ====== Projektai (Project) kanban mock ====== */
.erp-prj { background: #FFFFFF; }

.erp-prj-topbar {
  display: flex; align-items: center; justify-content: space-between;
  background: #FFFFFF; border-bottom: 1px solid #E2E8F0;
  padding: 0 12px; height: 42px; gap: 10px;
  white-space: nowrap;
}
.erp-prj-topbar-left {
  display: flex; align-items: center; gap: 4px;
  min-width: 0; flex: 1 1 auto; overflow: hidden;
}
.erp-prj-app-icon {
  width: 20px; height: 20px;
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.erp-prj-app-icon img { width: 100%; height: 100%; display: block; }
.erp-prj-app-name {
  font-size: 13px; font-weight: 600; color: #0F172A;
  margin: 0 6px 0 4px; flex-shrink: 0;
}
.erp-prj-nav-link {
  font-size: 12px; color: #475569; padding: 5px 6px;
  border-radius: 6px; cursor: default;
}
.erp-prj-nav-link.is-active { color: #0F172A; font-weight: 500; }
.erp-prj-nav-link:hover { background: #F1F5F9; }

.erp-prj-topbar-right {
  display: flex; align-items: center; gap: 10px;
  color: #475569; flex-shrink: 0;
}
.erp-prj-topbar-icon { color: #475569; }
.erp-prj-status-dot {
  width: 8px; height: 8px; border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(239,68,68,0.2);
  animation: erpAccPulse 2s infinite;
}
.erp-prj-ai-pill {
  font-size: 10px; font-weight: 700; letter-spacing: 0.5px;
  background: linear-gradient(135deg, #0080FF, #8B5CF6);
  color: #FFFFFF; padding: 3px 7px; border-radius: 10px;
}
.erp-prj-badge-wrap { position: relative; display: inline-flex; }
.erp-prj-badge {
  position: absolute; top: -6px; right: -8px;
  background: #EF4444; color: #FFFFFF;
  font-size: 9px; font-weight: 700; line-height: 1;
  padding: 3px 5px; border-radius: 10px; min-width: 16px; text-align: center;
}
.erp-prj-company {
  font-size: 12px; color: #334155;
  white-space: nowrap; max-width: 200px;
  overflow: hidden; text-overflow: ellipsis;
}
.erp-prj-avatar {
  width: 26px; height: 26px; border-radius: 50%;
  background: linear-gradient(135deg, #FFD143, #F59E0B);
  color: #022C4A; font-size: 11px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  border: 2px solid #FFFFFF; box-shadow: 0 0 0 1px #E2E8F0;
}

.erp-prj-actions {
  display: flex; align-items: center; justify-content: space-between;
  background: #F8FAFC; border-bottom: 1px solid #E2E8F0;
  padding: 8px 14px; gap: 12px;
}
.erp-prj-actions-left { display: flex; align-items: center; gap: 10px; }
.erp-prj-actions-center { flex: 1; display: flex; justify-content: center; max-width: 360px; }
.erp-prj-actions-right { display: flex; align-items: center; gap: 6px; color: #475569; flex-shrink: 0; }
.erp-prj-new {
  display: inline-flex; align-items: center; gap: 5px;
  background: var(--erp-maastricht); color: #FFFFFF;
  font-size: 12px; font-weight: 600; padding: 6px 12px;
  border-radius: 6px;
}
.erp-prj-pagetitle {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 600; color: var(--erp-freedom);
}
.erp-prj-search {
  display: flex; align-items: center; gap: 6px;
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px;
  padding: 5px 10px; width: 100%; min-width: 220px;
}
.erp-prj-search-placeholder { font-size: 12px; color: #94A3B8; flex: 1; }
.erp-prj-paging { font-size: 12px; color: #475569; font-variant-numeric: tabular-nums; }
.erp-prj-paging-arrow {
  width: 22px; height: 22px; border-radius: 4px;
  display: inline-flex; align-items: center; justify-content: center;
  background: #FFFFFF; border: 1px solid #E2E8F0;
}
.erp-prj-views {
  display: inline-flex; align-items: center;
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px;
  overflow: hidden; margin-left: 4px;
}
.erp-prj-views > span {
  padding: 5px 7px; color: #64748B; cursor: default;
  border-right: 1px solid #E2E8F0;
  display: inline-flex; align-items: center;
}
.erp-prj-views > span:last-child { border-right: 0; }
.erp-prj-views > span.is-active { color: var(--erp-freedom); background: var(--erp-freedom-50); }

/* Card board */
.erp-prj-board {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 10px; padding: 12px;
  background: #F1F5F9; min-height: 540px;
}
.erp-prj-card {
  background: #FFFFFF; border-radius: 6px;
  padding: 10px 12px;
  display: flex; flex-direction: column; gap: 6px;
  box-shadow: 0 1px 2px rgba(2, 44, 74, 0.04);
  min-width: 0;
}
.erp-prj-card-head { display: flex; align-items: flex-start; gap: 6px; }
.erp-prj-card-star {
  font-size: 13px; line-height: 1;
  color: #CBD5E1; flex-shrink: 0;
}
.erp-prj-card-star.is-on { color: #FFD143; }
.erp-prj-card-title {
  font-size: 12.5px; font-weight: 700; color: #0F172A;
  line-height: 1.25;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  min-width: 0;
}
.erp-prj-card-line {
  display: flex; align-items: center; gap: 5px;
  font-size: 11px; color: #475569;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  min-width: 0;
}
.erp-prj-card-line svg { flex-shrink: 0; }
.erp-prj-card-line > span {
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  min-width: 0;
}
.erp-prj-card-tags {
  display: flex; flex-wrap: wrap; gap: 3px;
  margin-top: 2px;
}
.erp-prj-tag {
  font-size: 10px; font-weight: 500;
  padding: 2px 6px; border-radius: 10px; line-height: 1.4;
  white-space: nowrap;
}
.erp-prj-tag.tone-peach { background: #FED7AA; color: #9A3412; }
.erp-prj-tag.tone-teal { background: #99F6E4; color: #115E59; }
.erp-prj-tag.tone-purple { background: #E9D5FF; color: #5B21B6; }
.erp-prj-tag.tone-lavender { background: #EDE9FE; color: #6D28D9; }
.erp-prj-tag.tone-red { background: #FECACA; color: #991B1B; }
.erp-prj-tag.tone-green { background: #BBF7D0; color: #166534; }

.erp-prj-card-bottom {
  display: flex; align-items: center; gap: 6px;
  margin-top: auto; padding-top: 6px;
  flex-wrap: wrap;
}
.erp-prj-card-count {
  font-size: 11px; font-weight: 600; color: var(--erp-freedom);
}
.erp-prj-card-flag {
  display: inline-flex; align-items: center; gap: 3px;
  font-size: 10.5px; color: #475569;
}
.erp-prj-card-badge {
  font-size: 10.5px; font-weight: 600;
  padding: 2px 6px; border-radius: 4px;
  font-variant-numeric: tabular-nums;
  border: 1px solid;
}
.erp-prj-card-badge.tone-red {
  background: #FEF2F2; color: #991B1B; border-color: #FECACA;
}
.erp-prj-card-badge.tone-green {
  background: #F0FDF4; color: #166534; border-color: #BBF7D0;
}
.erp-prj-card-icons { display: inline-flex; align-items: center; gap: 4px; }
.erp-prj-card-icon { display: inline-flex; align-items: center; }
.erp-prj-card-avs {
  display: inline-flex; align-items: center; margin-left: auto;
}
.erp-prj-card-av {
  width: 18px; height: 18px; border-radius: 4px;
  background: #DBEAFE; color: var(--erp-freedom);
  font-size: 9px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1.5px solid #FFFFFF;
}
.erp-prj-card-av + .erp-prj-card-av { margin-left: -6px; }
.erp-prj-card-dot {
  width: 9px; height: 9px; border-radius: 50%;
  flex-shrink: 0;
}

@media (max-width: 960px) {
  .erp-prj-topbar { padding: 0 8px; height: 38px; }
  .erp-prj-nav-link { display: none; }
  .erp-prj-company { display: none; }
  .erp-prj-actions-center { display: none; }
  .erp-prj-actions { padding: 6px 8px; }
  .erp-prj-board { grid-template-columns: repeat(2, 1fr); padding: 8px; gap: 8px; min-height: 0; }
}
@media (max-width: 560px) {
  .erp-prj-board { grid-template-columns: 1fr; }
}

/* Projektai mockup spotlight kontekste — siauresnė ląstelė nei pradžios puslapyje, 3 stulpeliai vietoj 4 ir tik 6 kortelės (2 eilės) */
.erp-modcat-spotlight .erp-prj-board {
  grid-template-columns: repeat(3, 1fr);
  min-height: 0;
}
.erp-modcat-spotlight .erp-prj-card:nth-child(n+7) { display: none; }
@media (max-width: 1100px) {
  .erp-modcat-spotlight .erp-prj-board { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .erp-modcat-spotlight .erp-prj-board { grid-template-columns: 1fr; }
}

/* ====== Priežiūra (Maintenance) kanban mock ====== */
.erp-prie { background: #FFFFFF; }

.erp-prie-topbar {
  display: flex; align-items: center; justify-content: space-between;
  background: #FFFFFF; border-bottom: 1px solid #E2E8F0;
  padding: 0 12px; height: 42px; gap: 10px;
  white-space: nowrap;
}
.erp-prie-topbar-left {
  display: flex; align-items: center; gap: 4px;
  min-width: 0; flex: 1 1 auto; overflow: hidden;
}
.erp-prie-app-icon {
  width: 20px; height: 20px;
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.erp-prie-app-icon img { width: 100%; height: 100%; display: block; }
.erp-prie-app-name {
  font-size: 13px; font-weight: 600; color: #0F172A;
  margin: 0 6px 0 4px; flex-shrink: 0;
}
.erp-prie-nav-link {
  font-size: 12px; color: #475569; padding: 5px 6px;
  border-radius: 6px; cursor: default;
}
.erp-prie-nav-link.is-active { color: #0F172A; font-weight: 500; }
.erp-prie-nav-link:hover { background: #F1F5F9; }

.erp-prie-topbar-right {
  display: flex; align-items: center; gap: 12px;
  color: #475569; flex-shrink: 0;
}
.erp-prie-topbar-icon { color: #475569; }
.erp-prie-badge-wrap { position: relative; display: inline-flex; }
.erp-prie-badge {
  position: absolute; top: -6px; right: -8px;
  background: #EF4444; color: #FFFFFF;
  font-size: 9px; font-weight: 700; line-height: 1;
  padding: 3px 5px; border-radius: 10px; min-width: 16px; text-align: center;
}
.erp-prie-company {
  font-size: 12px; color: #334155;
  white-space: nowrap; max-width: 180px;
  overflow: hidden; text-overflow: ellipsis;
}
.erp-prie-avatar {
  width: 26px; height: 26px; border-radius: 50%;
  background: linear-gradient(135deg, #FB923C, #C2410C);
  color: #FFFFFF; font-size: 12px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  border: 2px solid #FFFFFF; box-shadow: 0 0 0 1px #E2E8F0;
}

.erp-prie-actions {
  display: flex; align-items: center; justify-content: space-between;
  background: #F8FAFC; border-bottom: 1px solid #E2E8F0;
  padding: 8px 14px; gap: 12px;
}
.erp-prie-actions-left { display: flex; align-items: center; gap: 10px; }
.erp-prie-actions-center { flex: 1; display: flex; justify-content: center; max-width: 360px; }
.erp-prie-actions-right { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.erp-prie-new {
  background: var(--erp-maastricht); color: #FFFFFF;
  font-size: 12px; font-weight: 600; padding: 6px 14px;
  border-radius: 6px;
}
.erp-prie-pagetitle {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 600; color: #022C4A;
}
.erp-prie-search {
  display: flex; align-items: center; gap: 6px;
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px;
  padding: 5px 10px; width: 100%; min-width: 220px;
}
.erp-prie-search-chip {
  display: inline-flex; align-items: center; gap: 5px;
  background: var(--erp-freedom-50); color: var(--erp-freedom);
  padding: 2px 6px 2px 7px; border-radius: 4px;
  font-size: 11.5px; font-weight: 500;
  border: 1px solid var(--erp-freedom-100, #DBEAFE);
}
.erp-prie-search-chip svg { color: var(--erp-freedom); }
.erp-prie-search-placeholder { font-size: 12px; color: #94A3B8; flex: 1; }
.erp-prie-views {
  display: inline-flex; align-items: center;
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px;
  overflow: hidden;
}
.erp-prie-views > span {
  padding: 5px 7px; color: #64748B; cursor: default;
  border-right: 1px solid #E2E8F0;
  display: inline-flex; align-items: center;
}
.erp-prie-views > span:last-child { border-right: 0; }
.erp-prie-views > span.is-active {
  background: var(--erp-maastricht); color: #FFFFFF;
}

.erp-prie-board {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 10px; padding: 12px;
  background: #F1F5F9; min-height: 540px;
}
.erp-prie-col {
  display: flex; flex-direction: column; min-width: 0;
}
.erp-prie-col-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 4px 4px 6px;
}
.erp-prie-col-title { font-size: 13px; font-weight: 700; color: #0F172A; }
.erp-prie-col-add {
  color: #94A3B8; font-size: 16px; line-height: 1;
  cursor: default; padding: 0 4px;
}
.erp-prie-col-bar {
  height: 4px; background: #E2E8F0; border-radius: 2px;
  margin: 0 4px 4px;
  overflow: hidden;
}
.erp-prie-col-bar > span { display: block; height: 100%; background: #94A3B8; }
.erp-prie-col-count {
  font-size: 11px; color: #64748B;
  text-align: right;
  padding: 0 6px 8px;
  font-variant-numeric: tabular-nums;
  min-height: 14px;
}
.erp-prie-col-body { display: flex; flex-direction: column; gap: 8px; }

.erp-prie-card {
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px;
  padding: 9px 11px;
  display: flex; flex-direction: column; gap: 1px;
  box-shadow: 0 1px 2px rgba(2, 44, 74, 0.04);
  min-width: 0;
}
.erp-prie-card-title {
  font-size: 12.5px; font-weight: 700; color: #0F172A;
  line-height: 1.25; margin-bottom: 3px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.erp-prie-card-line {
  font-size: 10.5px; color: #475569; line-height: 1.4;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.erp-prie-card-footer {
  display: flex; align-items: center; gap: 6px;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid #F1F5F9;
}
.erp-prie-card-stars { display: inline-flex; gap: 1px; }
.erp-prie-card-clock { color: #94A3B8; flex-shrink: 0; }
.erp-prie-card-status {
  width: 10px; height: 10px; border-radius: 50%;
  border: 1.5px solid #CBD5E1;
  background: transparent;
  margin-left: auto; flex-shrink: 0;
}
.erp-prie-card-mtag {
  width: 18px; height: 18px; border-radius: 3px;
  background: #16A34A; color: #FFFFFF;
  font-size: 10px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

.erp-prie-eqboard {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 10px; padding: 12px;
  background: #F1F5F9;
}
.erp-prie-eqcard {
  display: grid; grid-template-columns: 1fr auto;
  gap: 10px; padding: 10px 12px;
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px;
  box-shadow: 0 1px 2px rgba(2, 44, 74, 0.04);
  min-width: 0;
}
.erp-prie-eqcard-content {
  display: flex; flex-direction: column; gap: 2px; min-width: 0;
}
.erp-prie-eqcard-name {
  font-size: 12.5px; font-weight: 600; color: #0F172A;
  line-height: 1.3; margin-bottom: 4px;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden;
}
.erp-prie-eqcard-code {
  font: 500 10.5px/1.3 var(--erp-font-mono, ui-monospace, monospace);
  color: #64748B;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.erp-prie-eqcard-owner {
  font-size: 11px; color: #475569; line-height: 1.3;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.erp-prie-eqcard-tag {
  align-self: flex-start;
  background: #FEE2E2; color: #991B1B;
  font-size: 10px; font-weight: 600;
  padding: 3px 7px; border-radius: 3px;
  margin-top: 10px;
}
.erp-prie-eqcard-side {
  display: flex; flex-direction: column; align-items: flex-end; gap: 6px;
  flex-shrink: 0;
}
.erp-prie-eqcard-thumb {
  width: 64px; height: 56px; border-radius: 4px;
  background: #F1F5F9;
  display: inline-flex; align-items: center; justify-content: center;
  color: #64748B;
}
.erp-prie-eqcard-thumb svg { width: 28px; height: 28px; }
.erp-prie-eqcard-icons {
  display: inline-flex; align-items: center; gap: 4px;
  margin-top: auto;
}
.erp-prie-eqcard-clock { color: #94A3B8; }
.erp-prie-eqcard-av {
  width: 14px; height: 14px; border-radius: 50%;
  background: linear-gradient(135deg, #FB923C, #C2410C);
  color: #FFFFFF; font-size: 8px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
}

@media (max-width: 960px) {
  .erp-prie-topbar { padding: 0 8px; height: 38px; }
  .erp-prie-nav-link { display: none; }
  .erp-prie-company { display: none; }
  .erp-prie-actions-center { display: none; }
  .erp-prie-actions { padding: 6px 8px; }
  .erp-prie-board { grid-template-columns: repeat(2, 1fr); padding: 8px; gap: 8px; min-height: 0; }
  .erp-prie-eqboard { grid-template-columns: repeat(2, 1fr); padding: 8px; gap: 8px; }
}
@media (max-width: 560px) {
  .erp-prie-board { grid-template-columns: 1fr; }
  .erp-prie-eqboard { grid-template-columns: 1fr; }
}

/* ===== Nav dropdown (Sprendimai) — shared across all pages ===== */
.erp-nav-drop { position: relative; display: flex; align-items: center; }
.erp-nav-drop-trigger {
  display: inline-flex; align-items: center;
  font: 500 14px/1 var(--erp-font-body);
  color: var(--erp-maastricht);
  cursor: pointer; padding: 6px 0;
  position: relative; transition: color 200ms;
}
.erp-nav-drop-trigger:hover,
.erp-nav-drop-trigger.is-open,
.erp-nav-drop-trigger.is-active { color: var(--erp-freedom); }
.erp-nav-drop-trigger.is-active::after {
  content: ""; position: absolute; left: 0; right: 18px; bottom: -18px;
  height: 2px; background: var(--erp-freedom); border-radius: 2px;
}
/* Hide the active underline while the dropdown is open — otherwise the line
   sits 3 px below the nav and crosses into the dropmenu. */
.erp-nav-drop-trigger.is-open::after { display: none !important; }
/* Dropmenu items are also <a> inside .erp-nav-links, so they inherit the
   nav-link active underline and end up painting a blue bar across the next
   item. Suppress it — dropmenu items get their own bg/icon to signal state. */
.erp-nav-dropmenu-item::after { display: none !important; }

.erp-nav-dropmenu {
  position: absolute; top: calc(100% + 14px); left: -16px;
  min-width: 340px;
  background: #fff;
  border: 1px solid var(--erp-gray-100);
  border-radius: 14px;
  box-shadow: 0 20px 48px -12px rgba(2, 44, 74, 0.18), 0 4px 12px rgba(2, 44, 74, 0.06);
  padding: 10px;
  z-index: 60;
  animation: ervRivFade 160ms cubic-bezier(.4,0,.2,1);
}
@keyframes ervRivFade {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}
.erp-nav-dropmenu::before {
  content: ""; position: absolute; top: -6px; left: 28px;
  width: 12px; height: 12px; background: #fff;
  border-left: 1px solid var(--erp-gray-100);
  border-top: 1px solid var(--erp-gray-100);
  transform: rotate(45deg);
}
.erp-nav-dropmenu-head {
  font: 700 10px/1 var(--erp-font-body);
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--erp-gray-500);
  padding: 10px 12px 8px;
}
.erp-nav-dropmenu-item {
  display: flex !important; align-items: flex-start; gap: 12px;
  padding: 12px !important;
  border-radius: 10px;
  text-decoration: none;
  transition: background 150ms;
  margin: 0 !important;
}
.erp-nav-dropmenu-item:hover { background: var(--erp-freedom-50); }
.erp-nav-dropmenu-item.is-active { background: var(--erp-freedom-50); }
.erp-nav-dropmenu-icon {
  flex-shrink: 0;
  width: 36px; height: 36px; border-radius: 9px;
  background: var(--erp-freedom-50);
  color: var(--erp-freedom);
  display: flex; align-items: center; justify-content: center;
}
.erp-nav-dropmenu-item:hover .erp-nav-dropmenu-icon,
.erp-nav-dropmenu-item.is-active .erp-nav-dropmenu-icon {
  background: var(--erp-freedom); color: #fff;
}
/* Image variant — official Odoo module logo, no blue square */
.erp-nav-dropmenu-icon--img {
  background: transparent;
  width: 36px; height: 36px;
  padding: 0;
}
.erp-nav-dropmenu-icon--img img {
  width: 100%; height: 100%;
  object-fit: contain;
  display: block;
}
.erp-nav-dropmenu-item:hover .erp-nav-dropmenu-icon--img,
.erp-nav-dropmenu-item.is-active .erp-nav-dropmenu-icon--img {
  background: transparent;
}
.erp-nav-dropmenu-item-t {
  display: block;
  font: 600 14px/1.2 var(--erp-font-body);
  color: var(--erp-maastricht);
  margin-bottom: 4px;
}
.erp-nav-dropmenu-item-d {
  display: block;
  font: 400 12.5px/1.45 var(--erp-font-body);
  color: var(--erp-gray-500);
}
@media (max-width: 860px) {
  .erp-nav-dropmenu { min-width: 280px; }
}

/* ====== Mobile CRM mockup (.erp-crmm) — single-stage focus, peek hints ====== */
.erp-crmm { display: none; }

.erp-crmm-top {
  display: flex; align-items: center; justify-content: space-between;
  height: 44px; padding: 0 12px;
  background: #FFFFFF; color: #475569;
  border-bottom: 1px solid #E2E8F0;
}
.erp-crmm-top-left { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; color: #0F172A; }
.erp-crmm-burger { display: inline-flex; align-items: center; color: #475569; flex-shrink: 0; }
.erp-crmm-pagetitle { font: 600 13px/1 var(--erp-font-body); color: #0F172A; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.erp-crmm-top-right { flex-shrink: 0; }
.erp-crmm-top-right { display: flex; align-items: center; gap: 12px; color: #475569; }
.erp-crmm-statusdot {
  width: 8px; height: 8px; border-radius: 50%;
  background: #EF4444; box-shadow: 0 0 0 2px rgba(239,68,68,0.2);
  animation: erpCrmPulse 2s infinite;
}
.erp-crmm-iconbadge { position: relative; display: inline-flex; color: #475569; }
.erp-crmm-badge {
  position: absolute; top: -6px; right: -8px;
  min-width: 16px; height: 16px; padding: 0 4px;
  border-radius: 100px; background: #EF4444; color: #FFFFFF;
  font: 700 9px/16px var(--erp-font-body); text-align: center;
}
.erp-crmm-ai {
  font: 700 10px/1 var(--erp-font-display);
  letter-spacing: 0.5px;
  background: linear-gradient(135deg, #0080FF, #8B5CF6);
  color: #FFFFFF; padding: 4px 7px; border-radius: 10px;
}
.erp-crmm-avatar {
  width: 26px; height: 26px; border-radius: 50%;
  background: linear-gradient(135deg, #FFD143, #F59E0B);
  color: #022C4A; font: 700 11px/1 var(--erp-font-display);
  display: inline-flex; align-items: center; justify-content: center;
  border: 2px solid #FFFFFF; box-shadow: 0 0 0 1px #E2E8F0;
  flex-shrink: 0;
}

.erp-crmm-actions {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 12px; gap: 8px;
  background: #FFFFFF; border-bottom: 1px solid var(--erp-gray-100);
}
.erp-crmm-actions-left, .erp-crmm-actions-right { display: flex; align-items: center; gap: 6px; }
.erp-crmm-btn {
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--erp-gray-200); background: #FFFFFF; color: var(--erp-gray-600);
  border-radius: 8px; padding: 8px 12px;
  font: 600 13px/1 var(--erp-font-body); cursor: default;
}
.erp-crmm-btn-primary { background: var(--erp-maastricht); color: #FFFFFF; border-color: var(--erp-maastricht); padding: 8px 16px; }
.erp-crmm-btn-icon { padding: 8px; width: 34px; height: 34px; }
.erp-crmm-btn-icon-active { color: var(--erp-maastricht); border-color: var(--erp-gray-300); }

.erp-crmm-stagebar {
  display: grid; grid-template-columns: 12px 1fr 12px;
  background: #F1F5F9; padding: 14px 0 10px; gap: 0;
  border-bottom: 1px solid var(--erp-gray-100);
}
.erp-crmm-peek {
  display: flex; align-items: flex-start; justify-content: flex-start;
  padding-top: 2px;
}
.erp-crmm-peek-r { justify-content: flex-end; }
.erp-crmm-peek-add {
  color: var(--erp-gray-400); font: 600 14px/1 var(--erp-font-body);
}
.erp-crmm-stage { padding: 0 14px; min-width: 0; }
.erp-crmm-stage-head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 10px;
}
.erp-crmm-stage-title { font: 700 18px/1 var(--erp-font-display); color: var(--erp-maastricht); letter-spacing: -0.01em; }
.erp-crmm-stage-actions { display: inline-flex; align-items: center; gap: 14px; color: var(--erp-gray-400); }
.erp-crmm-stage-add { font: 600 18px/1 var(--erp-font-body); color: var(--erp-gray-500); }
.erp-crmm-stage-meta { display: flex; align-items: center; gap: 10px; }
.erp-crmm-stage-bar {
  flex: 1; height: 6px; border-radius: 3px;
  display: flex; overflow: hidden;
}
.erp-crmm-stage-bar > span { height: 100%; display: block; }
.erp-crmm-stage-alert {
  background: #EF4444; color: #FFFFFF;
  font: 700 10px/1 var(--erp-font-body);
  padding: 3px 7px; border-radius: 100px; flex-shrink: 0;
}
.erp-crmm-stage-sum {
  font: 700 14px/1 var(--erp-font-display); color: var(--erp-maastricht);
  letter-spacing: -0.01em; flex-shrink: 0;
}

.erp-crmm-cards {
  display: flex; flex-direction: column; gap: 8px;
  padding: 8px; background: #F1F5F9;
}
.erp-crmm-card {
  background: #FFFFFF; border: 1px solid var(--erp-gray-200); border-radius: 8px;
  padding: 12px 14px; display: flex; flex-direction: column; gap: 6px;
}
.erp-crmm-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.erp-crmm-card-title { font: 700 14px/1.2 var(--erp-font-display); color: var(--erp-maastricht); flex: 1; min-width: 0; }
.erp-crmm-card-kebab { color: var(--erp-gray-400); display: inline-flex; flex-shrink: 0; }
.erp-crmm-card-amount { font: 600 13px/1 var(--erp-font-body); color: var(--erp-gray-700); font-variant-numeric: tabular-nums; }
.erp-crmm-card-client { display: flex; align-items: center; gap: 6px; font: 500 12.5px/1.2 var(--erp-font-body); color: var(--erp-gray-700); }
.erp-crmm-card-logo {
  width: 18px; height: 18px; border-radius: 3px;
  background: #F1F5F9; color: var(--erp-gray-500);
  font: 700 9px/18px var(--erp-font-display); text-align: center;
  flex-shrink: 0;
}
.erp-crmm-card-tag {
  align-self: flex-start;
  font: 600 11px/1 var(--erp-font-body); padding: 5px 10px; border-radius: 100px;
  margin-top: 2px;
}
.erp-crmm-card-foot {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 4px; min-height: 22px;
}
.erp-crmm-card-foot-l { display: inline-flex; align-items: center; gap: 8px; }
.erp-crmm-stars { display: inline-flex; gap: 1px; }
.erp-crmm-icon-plus { position: relative; display: inline-flex; }
.erp-crmm-icon-plus-mark {
  position: absolute; top: -4px; right: -4px;
  background: #22C55E; color: #FFFFFF;
  width: 9px; height: 9px; border-radius: 50%;
  font: 700 8px/9px var(--erp-font-body); text-align: center;
}
.erp-crmm-card-foot-r { display: inline-flex; align-items: center; gap: 8px; }
.erp-crmm-card-overdue {
  background: #EF4444; color: #FFFFFF;
  font: 700 10.5px/1 var(--erp-font-body);
  padding: 3px 8px; border-radius: 100px;
}
.erp-crmm-card-avatar {
  width: 22px; height: 22px; border-radius: 50%;
  background: linear-gradient(135deg, #FFD143, #F59E0B);
  color: #022C4A; font: 700 9.5px/1 var(--erp-font-display);
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

/* Toggle: hide desktop CRM and show mobile CRM at ≤560px */
@media (max-width: 560px) {
  .erp-hero-mock-wrap .erp-crm { display: none; }
  .erp-hero-mock-wrap .erp-crmm { display: block; }
}

/* ====== Mobile Pirkimai mockup (.erp-pum) — KPI grid + stats + card list ====== */
.erp-pum { display: none; }

.erp-pum-body { padding: 14px 14px 16px; background: #FFFFFF; }

.erp-pum-section-label {
  font: 500 14px/1 var(--erp-font-body); color: var(--erp-maastricht);
  margin: 16px 0 8px;
}
.erp-pum-section-label:first-child { margin-top: 4px; }

.erp-pum-kpi-row {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px;
}
.erp-pum-kpi {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
  padding: 12px 4px 10px; border-radius: 6px;
  text-align: center; min-height: 86px;
}
.erp-pum-kpi.tone-blue   { background: #DBEAFE; }
.erp-pum-kpi.tone-gray   { background: #F1F5F9; }
.erp-pum-kpi.tone-yellow { background: #FEF3C7; }
.erp-pum-kpi.tone-red    { background: #FEE2E2; }
.erp-pum-kpi-ghost {
  background: transparent; border: 1px solid var(--erp-gray-200);
  min-height: 38px; justify-content: center;
}
.erp-pum-kpi-num {
  font: 800 20px/1 var(--erp-font-display); color: var(--erp-maastricht);
  letter-spacing: -0.02em; font-variant-numeric: tabular-nums;
}
.erp-pum-kpi-num-sm { font-size: 14px; color: var(--erp-gray-700); font-weight: 600; }
.erp-pum-kpi-lab {
  font: 500 9.5px/1.25 var(--erp-font-body); color: var(--erp-gray-600);
  margin-top: 6px;
}

.erp-pum-stat-row { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.erp-pum-stat {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 16px 8px; border-radius: 6px; background: #F8FAFC;
}
.erp-pum-stat-ghost { background: transparent; border: 1px solid var(--erp-gray-100); padding: 8px; }
.erp-pum-stat-val {
  font: 800 24px/1 var(--erp-font-display); color: var(--erp-maastricht);
  letter-spacing: -0.02em; font-variant-numeric: tabular-nums;
}
.erp-pum-stat-val-sm { font-size: 14px; color: var(--erp-gray-700); font-weight: 600; }
.erp-pum-stat-lab {
  font: 500 11px/1.2 var(--erp-font-body); color: var(--erp-gray-600);
  margin-top: 6px; text-align: center;
}

.erp-pum-list { margin-top: 12px; }
.erp-pum-row {
  padding: 12px 0;
  border-top: 1px solid var(--erp-gray-100);
}
.erp-pum-row-head {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin-bottom: 6px;
}
.erp-pum-row-supplier {
  display: inline-flex; align-items: center; gap: 8px; min-width: 0;
  font: 700 14px/1.1 var(--erp-font-display); color: var(--erp-maastricht);
}
.erp-pum-row-supplier > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.erp-pum-row-amount {
  font: 700 13px/1 var(--erp-font-body); color: var(--erp-maastricht);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.erp-pum-row-meta {
  display: flex; align-items: center; gap: 8px;
  font: 500 11.5px/1 var(--erp-font-body); color: var(--erp-gray-500);
}
.erp-pum-row-nr {
  color: var(--erp-freedom); font-family: var(--erp-font-mono); font-weight: 600;
}
.erp-pum-row-status {
  margin-left: auto;
  font: 600 10.5px/1 var(--erp-font-body);
  padding: 5px 11px; border-radius: 100px;
  white-space: nowrap;
}
.erp-pum-row-status-order { background: var(--erp-maastricht); color: #FFFFFF; }
.erp-pum-row-status-rfq {
  background: #FFFFFF; color: var(--erp-gray-600);
  border: 1px solid var(--erp-gray-300);
  padding: 4px 10px;
}
.erp-pum-row-status-sale { background: #16A34A; color: #FFFFFF; }
.erp-pum-row-status-paying { background: #16A34A; color: #FFFFFF; }
.erp-pum-row-status-sent {
  background: #F1F5F9; color: var(--erp-gray-600);
  border: 1px solid var(--erp-gray-200);
  padding: 4px 10px;
}
.erp-aam-row-nr {
  color: var(--erp-gray-500); font-family: var(--erp-font-mono); font-weight: 500;
}

/* Toggle: hide desktop Pirkimai and show mobile Pirkimai at ≤560px */
@media (max-width: 560px) {
  .erp-hero-mock-wrap .erp-purchase { display: none; }
  .erp-hero-mock-wrap .erp-pum { display: block; }
}

/* ====== Mobile Pardavimai mockup (.erp-sam) — list-only, reuses .erp-pum-row* ====== */
.erp-sam { display: none; }

@media (max-width: 560px) {
  .erp-hero-mock-wrap .erp-sale { display: none; }
  .erp-hero-mock-wrap .erp-sam { display: block; }
}

/* ====== Mobile Atsargos mockup (.erp-iam) — single-column product list with image ====== */
.erp-iam { display: none; }

.erp-iam-list { background: #FFFFFF; }
.erp-iam-row {
  display: grid; grid-template-columns: 1fr 80px;
  gap: 14px; align-items: center;
  padding: 14px 14px;
  border-top: 1px solid var(--erp-gray-100);
}
.erp-iam-row:first-child { border-top: 0; }
.erp-iam-row-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.erp-iam-row-head {
  display: flex; align-items: flex-start; gap: 6px;
}
.erp-iam-row-head svg { flex-shrink: 0; margin-top: 3px; }
.erp-iam-row-name {
  font: 700 14px/1.25 var(--erp-font-display); color: var(--erp-maastricht);
}
.erp-iam-row-code {
  font: 500 11px/1 var(--erp-font-mono); color: var(--erp-gray-400);
  margin-top: 2px;
}
.erp-iam-row-meta { margin-top: 6px; display: flex; flex-direction: column; gap: 4px; }
.erp-iam-row-meta div {
  font: 400 12px/1.4 var(--erp-font-body); color: var(--erp-gray-700);
  font-variant-numeric: tabular-nums;
}
.erp-iam-row-meta strong { color: var(--erp-maastricht); font-weight: 600; }
.erp-iam-row-img {
  width: 80px; height: 80px;
  border-radius: 6px;
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

@media (max-width: 560px) {
  .erp-hero-mock-wrap .erp-inv { display: none; }
  .erp-hero-mock-wrap .erp-iam { display: block; }
}

/* ====== Mobile Projektai mockup (.erp-prm) — single-column project cards ====== */
.erp-prm { display: none; }

.erp-prm-list { background: #FFFFFF; }
.erp-prm-row {
  padding: 14px 14px;
  border-top: 1px solid var(--erp-gray-100);
  border-left: 4px solid transparent;
  display: flex; flex-direction: column; gap: 6px;
}
.erp-prm-row:first-child { border-top: 0; }

.erp-prm-row-head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;
}
.erp-prm-row-title {
  display: inline-flex; align-items: center; gap: 8px;
  font: 700 15px/1.2 var(--erp-font-display); color: var(--erp-maastricht);
  flex: 1; min-width: 0;
}
.erp-prm-row-title svg { flex-shrink: 0; }
.erp-prm-row-kebab { color: var(--erp-gray-400); flex-shrink: 0; display: inline-flex; }

.erp-prm-row-meta-line {
  display: flex; align-items: center; gap: 6px;
  font: 500 12px/1.2 var(--erp-font-body); color: var(--erp-gray-600);
}
.erp-prm-row-meta-line svg { flex-shrink: 0; }

.erp-prm-row-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.erp-prm-row-tag {
  font: 600 11px/1 var(--erp-font-body);
  padding: 5px 10px; border-radius: 100px;
}

.erp-prm-row-foot {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin-top: 6px;
}
.erp-prm-row-foot-l { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.erp-prm-count {
  font: 500 12.5px/1 var(--erp-font-body); color: #16A34A;
}
.erp-prm-count strong { font-weight: 700; }
.erp-prm-flag {
  display: inline-flex; align-items: center; gap: 4px;
  font: 600 11.5px/1 var(--erp-font-body); color: #16A34A;
}
.erp-prm-foot-icon { display: inline-flex; align-items: center; }
.erp-prm-icon-dollar { font: 800 13px/1 var(--erp-font-display); color: #16A34A; }

.erp-prm-row-foot-r { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; }
.erp-prm-avatar {
  width: 22px; height: 22px; border-radius: 50%;
  background: linear-gradient(135deg, #FFD143, #F59E0B);
  color: var(--erp-maastricht); font: 700 9.5px/1 var(--erp-font-display);
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.erp-prm-row-dot {
  width: 10px; height: 10px; border-radius: 50%;
  flex-shrink: 0;
}

@media (max-width: 560px) {
  .erp-hero-mock-wrap .erp-prj { display: none; }
  .erp-hero-mock-wrap .erp-prm { display: block; }
}

/* ====== Mobile Priežiūra mockup (.erp-mam) — equipment list with active filter chip ====== */
.erp-mam { display: none; }

.erp-mam-filter {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 12px;
  background: #FFFFFF; border-bottom: 1px solid var(--erp-gray-100);
  font-size: 12px;
}
.erp-mam-filter-chip {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--erp-maastricht); color: #FFFFFF;
  font: 600 11.5px/1 var(--erp-font-body);
  padding: 5px 10px; border-radius: 4px;
}
.erp-mam-filter-placeholder { color: var(--erp-gray-400); flex: 1; }

.erp-mam-list { background: #FFFFFF; }
.erp-mam-row {
  display: grid; grid-template-columns: 1fr 80px;
  gap: 14px; align-items: stretch;
  padding: 12px 14px;
  border-top: 1px solid var(--erp-gray-100);
}
.erp-mam-row:first-child { border-top: 0; }

.erp-mam-row-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.erp-mam-row-name {
  font: 700 14px/1.25 var(--erp-font-display); color: var(--erp-maastricht);
}
.erp-mam-row-model { font-weight: 500; color: var(--erp-gray-600); }
.erp-mam-row-sub {
  display: flex; flex-wrap: wrap; gap: 6px;
  font: 500 12px/1.3 var(--erp-font-body); color: var(--erp-gray-600);
}
.erp-mam-row-person { color: var(--erp-gray-700); font-weight: 500; }

.erp-mam-row-foot {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 8px;
}
.erp-mam-badge {
  background: #DC2626; color: #FFFFFF;
  font: 600 10.5px/1 var(--erp-font-body);
  padding: 5px 10px; border-radius: 4px;
}
.erp-mam-row-foot-r { display: inline-flex; align-items: center; gap: 8px; }
.erp-mam-row-avatar {
  width: 22px; height: 22px; border-radius: 4px;
  background: linear-gradient(135deg, #B45309, #92400E);
  color: #FFFFFF; font: 700 11px/1 var(--erp-font-display);
  display: inline-flex; align-items: center; justify-content: center;
}
.erp-mam-row-upload {
  display: inline-flex; align-items: center; justify-content: center;
}
.erp-mam-row-img {
  width: 80px; height: 80px;
  border-radius: 6px;
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0; align-self: flex-start;
}

@media (max-width: 560px) {
  .erp-hero-mock-wrap .erp-prie { display: none; }
  .erp-hero-mock-wrap .erp-mam { display: block; }
}

/* ====== Mobile Apskaita mockup (.erp-aam) — invoice list, reuses .erp-pum-row* ====== */
.erp-aam { display: none; }

@media (max-width: 560px) {
  .erp-hero-mock-wrap .erp-acc { display: none; }
  .erp-hero-mock-wrap .erp-aam { display: block; }
}

/* ====== Mobile Gamyba mockup (.erp-gam) — week-grouped manufacturing orders ====== */
.erp-gam { display: none; }

.erp-gam-body { background: #FFFFFF; padding: 12px; }

.erp-gam-week {
  background: #F8FAFC; border-radius: 8px;
  padding: 12px 14px; margin-bottom: 10px;
}
.erp-gam-week-head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 8px;
}
.erp-gam-week-title { font: 700 16px/1 var(--erp-font-display); color: var(--erp-maastricht); }
.erp-gam-week-meta { display: flex; align-items: center; gap: 10px; }
.erp-gam-week-bar {
  flex: 1; height: 8px; border-radius: 4px;
  display: flex; overflow: hidden;
}
.erp-gam-week-bar > span { height: 100%; display: block; }
.erp-gam-week-total {
  font: 500 13px/1 var(--erp-font-body); color: var(--erp-maastricht);
  font-variant-numeric: tabular-nums; flex-shrink: 0;
}
.erp-gam-week-total strong { font-weight: 700; }

.erp-gam-list { display: flex; flex-direction: column; gap: 10px; }
.erp-gam-row {
  border: 1px solid var(--erp-gray-200); border-radius: 8px;
  padding: 12px 14px;
  display: flex; flex-direction: column; gap: 6px;
}
.erp-gam-row-head {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
}
.erp-gam-row-nr { font: 500 13px/1.2 var(--erp-font-body); color: var(--erp-maastricht); flex: 1; min-width: 0; }
.erp-gam-row-nr strong { font-weight: 700; color: var(--erp-maastricht); }
.erp-gam-row-code { color: var(--erp-gray-500); font-weight: 500; }
.erp-gam-status {
  font: 600 11px/1 var(--erp-font-body);
  padding: 5px 11px; border-radius: 100px;
  white-space: nowrap; flex-shrink: 0;
}
.erp-gam-status-confirmed { background: #CFFAFE; color: #155E75; }
.erp-gam-status-done { background: #DCFCE7; color: #166534; }

.erp-gam-row-body {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  font: 500 13px/1.2 var(--erp-font-body); color: var(--erp-maastricht);
}
.erp-gam-row-product { flex: 1; min-width: 0; }
.erp-gam-row-qty { font-weight: 600; font-variant-numeric: tabular-nums; flex-shrink: 0; }

.erp-gam-row-foot {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  margin-top: 4px;
}
.erp-gam-row-foot-l { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.erp-gam-row-dur {
  display: inline-flex; align-items: center; gap: 4px;
  font: 500 11.5px/1 var(--erp-font-body); color: var(--erp-gray-600);
}
.erp-gam-comp {
  display: inline-flex; align-items: center; gap: 4px;
  font: 600 11.5px/1 var(--erp-font-body);
}
.erp-gam-comp-red { color: #DC2626; }
.erp-gam-comp-green { color: #16A34A; }
.erp-gam-row-avatar {
  width: 24px; height: 24px; border-radius: 50%;
  background: linear-gradient(135deg, #7C3AED, #5B21B6);
  color: #FFFFFF; font: 700 11px/1 var(--erp-font-display);
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

@media (max-width: 560px) {
  .erp-hero-mock-wrap .erp-mfg { display: none; }
  .erp-hero-mock-wrap .erp-gam { display: block; }
}

/* ====== Mobile Skydeliai mockup (.erp-skm) — KPI grid + leads chart ====== */
.erp-skm { display: none; }

.erp-skm-filter {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 14px; gap: 10px;
  background: #FFFFFF; border-bottom: 1px solid var(--erp-gray-100);
  font-size: 12.5px;
}
.erp-skm-filter-left { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--erp-maastricht); }
.erp-skm-filter-right { display: inline-flex; align-items: center; gap: 12px; color: var(--erp-gray-600); }
.erp-skm-share { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; color: var(--erp-gray-600); }

.erp-skm-daterow {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px;
  background: #FFFFFF; border-bottom: 1px solid var(--erp-gray-100);
}
.erp-skm-datechip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px; border-radius: 6px;
  background: #F1F5F9; color: var(--erp-maastricht);
  font: 600 12px/1 var(--erp-font-body);
}
.erp-skm-pager { display: inline-flex; gap: 4px; }
.erp-skm-pager button {
  background: #F1F5F9; border: 0; border-radius: 6px;
  padding: 6px 8px; color: var(--erp-gray-600); cursor: default;
}

.erp-skm-kpi-grid {
  padding: 12px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
  background: #FFFFFF;
}
.erp-skm-kpi {
  padding: 14px 12px; border-radius: 8px;
  display: flex; flex-direction: column; gap: 6px; min-width: 0;
}
.erp-skm-kpi.tone-blue  { background: #DBEAFE; }
.erp-skm-kpi.tone-peach { background: #FFEDD5; }
.erp-skm-kpi.tone-pink  { background: #FCE7F3; }
.erp-skm-kpi-label {
  font: 600 12px/1.2 var(--erp-font-body); color: var(--erp-maastricht);
}
.erp-skm-kpi-value {
  font: 800 22px/1 var(--erp-font-display); color: var(--erp-maastricht);
  letter-spacing: -0.02em; font-variant-numeric: tabular-nums;
}
.erp-skm-kpi-sub {
  font: 500 10.5px/1.3 var(--erp-font-body); color: var(--erp-gray-600);
}
.erp-skm-kpi-arrow { font-weight: 700; color: #16A34A; }
.erp-skm-kpi-arrow-mute { color: var(--erp-gray-400); }

.erp-skm-chart {
  padding: 12px;
  background: #FFFFFF;
}
.erp-skm-chart-head { display: flex; justify-content: flex-end; margin-bottom: 4px; }
.erp-skm-chart-filter {
  display: inline-flex; align-items: center; gap: 4px;
  font: 600 12px/1 var(--erp-font-body); color: var(--erp-maastricht);
}

@media (max-width: 560px) {
  .erp-hero-mock-wrap .erp-skd { display: none; }
  .erp-hero-mock-wrap .erp-skm { display: block; }
}

/* ====== Mockups — compact mobile mode (only on home hero, ≤560px) ====== */
@media (max-width: 560px) {
  /* Hide the verbose Odoo top-nav across all mockup namespaces */
  .erp-hero-mock-wrap .erp-crm-topbar,
  .erp-hero-mock-wrap .erp-acc-topbar,
  .erp-hero-mock-wrap .erp-skd-topbar,
  .erp-hero-mock-wrap .erp-prj-topbar,
  .erp-hero-mock-wrap .erp-prie-topbar { display: none; }

  /* Tighten the action bar across all namespaces — keep primary CTA only */
  .erp-hero-mock-wrap .erp-crm-actions,
  .erp-hero-mock-wrap .erp-acc-actions,
  .erp-hero-mock-wrap .erp-skd-actions,
  .erp-hero-mock-wrap .erp-prj-actions,
  .erp-hero-mock-wrap .erp-prie-actions {
    padding: 8px 10px;
    gap: 8px;
    flex-wrap: nowrap;
    overflow: hidden;
  }
  .erp-hero-mock-wrap .erp-crm-actions-center,
  .erp-hero-mock-wrap .erp-crm-actions-right { display: none; }
  .erp-hero-mock-wrap .erp-crm-pipe-label { display: none; }

  /* ===== CRM kanban — first column nearly full-width, peek the next ===== */
  .erp-hero-mock-wrap .erp-crm-body {
    grid-auto-columns: 88vw;
    padding: 10px;
    gap: 8px;
    min-height: 320px;
  }
  .erp-hero-mock-wrap .erp-crm-card {
    padding: 8px 10px;
    gap: 3px;
  }
  .erp-hero-mock-wrap .erp-crm-card-title { font-size: 12.5px; }
  .erp-hero-mock-wrap .erp-crm-card-amount { font-size: 12px; }
  /* Show only first 3 cards per column to limit vertical sprawl */
  .erp-hero-mock-wrap .erp-crm-col-body > .erp-crm-card:nth-child(n+4) { display: none; }

  /* ===== Pirkimai list — keep only NR, Tiekėjas, Suma ===== */
  .erp-hero-mock-wrap .erp-purchase-list { overflow-x: hidden; padding: 0; }
  .erp-hero-mock-wrap .erp-purchase-row {
    grid-template-columns: 64px 1fr auto;
    min-width: 0;
    padding: 8px 12px;
    gap: 8px;
    font-size: 11.5px;
  }
  /* Hide all cells except the three we keep, by structural position.
     Order in JSX: 1=star, 2=nr, 3=supplier, 4=company, 5=buyer, 6=due, 7=activity, 8=amount, 9=status */
  .erp-hero-mock-wrap .erp-purchase-row > *:nth-child(1),
  .erp-hero-mock-wrap .erp-purchase-row > *:nth-child(4),
  .erp-hero-mock-wrap .erp-purchase-row > *:nth-child(5),
  .erp-hero-mock-wrap .erp-purchase-row > *:nth-child(6),
  .erp-hero-mock-wrap .erp-purchase-row > *:nth-child(7),
  .erp-hero-mock-wrap .erp-purchase-row > *:nth-child(9) { display: none; }

  /* Pirkimai/Pardavimai shared KPI strip — make scrollable, narrower */
  .erp-hero-mock-wrap .erp-purchase-kpis { padding: 8px; gap: 8px; }
  .erp-hero-mock-wrap .erp-purchase-kpi-side { display: none; }
  .erp-hero-mock-wrap .erp-purchase-kpi-rows { gap: 6px; }
  .erp-hero-mock-wrap .erp-purchase-kpi-row { gap: 6px; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .erp-hero-mock-wrap .erp-purchase-kpi-row::-webkit-scrollbar { display: none; }
  .erp-hero-mock-wrap .erp-purchase-kpi { padding: 6px 8px; min-width: 56px; flex-shrink: 0; }
  .erp-hero-mock-wrap .erp-purchase-kpi-num { font-size: 14px; }
  .erp-hero-mock-wrap .erp-purchase-kpi-lab { font-size: 9.5px; }

  /* ===== Pardavimai list — keep only NR, Klientas, Suma ===== */
  .erp-hero-mock-wrap .erp-sale-list { overflow-x: hidden; padding: 0; }
  .erp-hero-mock-wrap .erp-sale-row {
    grid-template-columns: 64px 1fr auto;
    min-width: 0;
    padding: 8px 12px;
    gap: 8px;
    font-size: 11.5px;
  }
  /* Order: 1=star, 2=nr, 3=date, 4=client, 5=site, 6=buyer, 7=delivery, 8=invoice, 9=amount, 10=status */
  .erp-hero-mock-wrap .erp-sale-row > *:nth-child(1),
  .erp-hero-mock-wrap .erp-sale-row > *:nth-child(3),
  .erp-hero-mock-wrap .erp-sale-row > *:nth-child(5),
  .erp-hero-mock-wrap .erp-sale-row > *:nth-child(6),
  .erp-hero-mock-wrap .erp-sale-row > *:nth-child(7),
  .erp-hero-mock-wrap .erp-sale-row > *:nth-child(8),
  .erp-hero-mock-wrap .erp-sale-row > *:nth-child(10) { display: none; }

  /* ===== Gamyba list — keep only NR, Produktas, Kiekis ===== */
  .erp-hero-mock-wrap .erp-mfg-list { overflow-x: hidden; padding: 0; }
  .erp-hero-mock-wrap .erp-mfg-row {
    grid-template-columns: 72px 1fr auto;
    min-width: 0;
    padding: 8px 12px;
    gap: 8px;
    font-size: 11.5px;
  }
  /* Order: 1=star, 2=nr, 3=start-date, 4=product, 5=activity, 6=source, 7=completion, 8=qty, 9=uom, 10=company, 11=status. Keep 2, 4, 8. */
  .erp-hero-mock-wrap .erp-mfg-row > *:nth-child(1),
  .erp-hero-mock-wrap .erp-mfg-row > *:nth-child(3),
  .erp-hero-mock-wrap .erp-mfg-row > *:nth-child(5),
  .erp-hero-mock-wrap .erp-mfg-row > *:nth-child(6),
  .erp-hero-mock-wrap .erp-mfg-row > *:nth-child(7),
  .erp-hero-mock-wrap .erp-mfg-row > *:nth-child(9),
  .erp-hero-mock-wrap .erp-mfg-row > *:nth-child(10),
  .erp-hero-mock-wrap .erp-mfg-row > *:nth-child(11) { display: none; }

  /* ===== Atsargos card grid — 2 cols, smaller image to give the body breathing room ===== */
  .erp-hero-mock-wrap .erp-inv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 6px; }
  .erp-hero-mock-wrap .erp-inv-card {
    grid-template-columns: 1fr 44px;
    gap: 8px;
    min-height: 92px;
    padding: 8px;
  }
  .erp-hero-mock-wrap .erp-inv-card-img { width: 44px; height: 44px; }
  .erp-hero-mock-wrap .erp-inv-card-name { font-size: 11.5px; -webkit-line-clamp: 2; }
  .erp-hero-mock-wrap .erp-inv-card-code { font-size: 9.5px; }
  .erp-hero-mock-wrap .erp-inv-card-meta div { font-size: 10px; line-height: 1.5; }

  /* ===== Skydeliai — clamp KPI cards to 2 cols that actually fit the container ===== */
  .erp-hero-mock-wrap .erp-skd-kpi-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .erp-hero-mock-wrap .erp-skd-kpi { padding: 8px 10px; min-width: 0; }
  .erp-hero-mock-wrap .erp-skd-kpi-label { font-size: 11px; }
  .erp-hero-mock-wrap .erp-skd-kpi-value { font-size: 16px; }
  .erp-hero-mock-wrap .erp-skd-kpi-delta { font-size: 10px; }
}