/* LioraPath V19.8 — polished desktop dashboard + right-side mobile drawer */
:root{
  --v198-navy:#082b4d;--v198-navy2:#0c3a66;--v198-teal:#27a79d;--v198-teal2:#68d8cc;
  --v198-ink:#102f51;--v198-muted:#6d8196;--v198-line:#dde7ec;--v198-paper:#fff;
  --v198-gold:#d4a33f;--v198-cream:#fbfbf8;--v198-shadow:0 12px 34px rgba(10,48,82,.075);
}

/* Desktop shell: keep navigation simple and push account controls to the far right. */
#appShell .app-top{
  left:248px!important;width:calc(100% - 248px)!important;padding:0 22px!important;
  display:flex!important;align-items:center!important;gap:14px!important;background:#fff!important;
  border-bottom:1px solid #e7edf0!important;box-shadow:0 4px 18px rgba(16,48,81,.035)!important;
}
#appShell .v15-top-brand,#appShell .v15-top-links{display:none!important}
#appShell .app-search{display:block!important;flex:1 1 620px!important;max-width:680px!important;margin:0!important}
#appShell .app-search input{height:42px!important;border-radius:12px!important;background:#f8fafb!important;border-color:#dfe7ec!important}
#appShell .app-top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;margin-left:auto!important;gap:9px!important;color:var(--v198-ink)!important;white-space:nowrap!important}
#appShell .v15-top-bell{width:38px!important;height:38px!important;border:0!important;background:transparent!important;color:#113b63!important}
#appShell .v15-top-bell .badge{border-color:#fff!important}
#appShell .v15-top-user{display:flex!important;align-items:center!important;gap:8px!important;padding:0 2px!important;color:var(--v198-ink)!important}
#appShell .v15-top-user .mini-avatar{width:36px!important;height:36px!important;background:#a87532!important;color:#fff!important;font-size:11px!important}
#appShell .v15-top-user b{color:#102f51!important;font-size:11px!important;max-width:140px!important}.v15-top-user span{color:#75879a!important;font-size:9px!important}
#appShell .v15-continue{display:inline-flex!important;align-items:center!important;background:linear-gradient(135deg,#d3a03c,#e6bf62)!important;color:#0d3155!important;border-radius:11px!important;min-height:40px!important;padding:9px 14px!important;font-weight:850!important}
#appShell .v14-mobile-signout,#appShell .mobile-dash-home{display:none!important}

/* Desktop sidebar and stronger colored LioraPath tagline. */
#appShell .sidebar{left:0!important;right:auto!important;top:0!important;width:248px!important;background:linear-gradient(180deg,#082b4d 0%,#0a355e 100%)!important;padding:17px 14px!important;box-shadow:none!important}
#appShell .sidebar-brand{padding:0 7px 15px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;overflow:visible!important}
#appShell .sidebar-brand img{width:205px!important;max-width:100%!important;content:url('assets/liorapath-logo-light-v198.svg')!important;filter:none!important}
#appShell .side-nav{padding:13px 0 8px!important;gap:3px!important}
#appShell .side-nav button{min-height:43px!important;padding:9px 11px!important;border-radius:11px!important;font-size:12px!important;font-weight:700!important;color:#e6f0f7!important}
#appShell .side-nav button.active{background:linear-gradient(90deg,#107680,#1ea49e)!important;color:#fff!important;box-shadow:0 8px 20px rgba(18,137,139,.22)!important}
#appShell .side-nav button:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
#appShell .side-icon{width:23px!important;font-size:18px!important}
#appShell .v198-side-label{margin:11px 10px 3px;color:#8ba1b4;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
#appShell .sidebar-bottom{border-top:1px solid rgba(255,255,255,.12)!important;padding-top:12px!important}
#appShell .sidebar-bottom .user-chip b{color:#fff!important}.sidebar-bottom .user-chip span{color:#a8bfd1!important}
#appShell .v198-signout{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:11px!important}
#appShell .app-main{margin-left:248px!important;padding-top:68px!important}
#appShell .app-content{padding:22px 24px 34px!important}

/* Replace V19.7 dashboard with the final simplified dashboard. */
#dashboardPage>.v198-dashboard~*{display:none!important}
#dashboardPage>.v197-dashboard{display:none!important}
#dashboardPage .v198-dashboard{display:block!important}
.v198-dashboard{max-width:1280px;margin:0 auto;color:var(--v198-ink)}
.v198-kicker{font-size:9px;font-weight:900;letter-spacing:.18em;color:#71879b;margin-bottom:7px}
.v198-welcome{margin:2px 0 14px}.v198-welcome h1{font-family:'Playfair Display',Georgia,serif;font-size:34px;line-height:1.08;margin:0;color:#0d2f54}.v198-welcome p{font-size:12px;color:var(--v198-muted);margin:5px 0 0}
.v198-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.v198-stat{position:relative;min-height:142px;padding:17px 17px 14px;border:1px solid var(--v198-line);border-radius:18px;background:#fff;box-shadow:var(--v198-shadow);display:grid;grid-template-columns:44px 1fr;gap:11px;text-align:left;color:var(--v198-ink);overflow:hidden}
.v198-stat.progress{background:linear-gradient(145deg,#f3f9ff,#fff)}.v198-stat.tasks{background:linear-gradient(145deg,#f4fbf8,#fff)}.v198-stat.path{background:linear-gradient(145deg,#fffaf0,#fff)}.v198-stat.messages{background:linear-gradient(145deg,#fff7f9,#fff)}
.v198-stat-icon{width:44px;height:44px;border-radius:14px;background:#e9f5f3;color:#147d72;display:grid;place-items:center;font-size:20px;font-weight:900}.v198-stat.progress .v198-stat-icon{background:#eaf4ff;color:#1878bb}.v198-stat.path .v198-stat-icon{background:#fbf0d8;color:#946813}.v198-stat.messages .v198-stat-icon{background:#fdecef;color:#ae5264}
.v198-stat small{display:block;font-size:10px;color:var(--v198-muted);margin:1px 0 4px}.v198-stat strong{display:block;font-size:22px;line-height:1.16;color:#0b2e51;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v198-stat em{display:block;font-style:normal;font-size:9px;color:#76899b;margin-top:5px}
.v198-progress{display:block;height:6px;background:#e3e9ee;border-radius:999px;margin-top:8px;overflow:hidden}.v198-progress b{display:block;height:100%;width:0;background:linear-gradient(90deg,#199d8a,#36b6a8);border-radius:inherit}
.v198-stat-link{grid-column:1/-1;align-self:end;color:#1973b6;font-size:9.5px;font-weight:800;margin-top:3px}
.v198-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.8fr);gap:14px;margin-bottom:14px}
.v198-roadmap-card,.v198-connect-card{position:relative;border:1px solid var(--v198-line);border-radius:22px;background:#fff;box-shadow:var(--v198-shadow);overflow:hidden}
.v198-roadmap-card{min-height:330px;padding:25px 26px 18px;display:grid;grid-template-columns:minmax(0,1fr) 42%;grid-template-rows:1fr auto;background:linear-gradient(110deg,#fff 0%,#fff 56%,#ecf7f3 100%)}
.v198-roadmap-copy{position:relative;z-index:3;max-width:520px}.v198-roadmap-copy h2,.v198-connect-card h2{font-family:'Playfair Display',Georgia,serif;margin:0;color:#0c3155;line-height:1.08}.v198-roadmap-copy h2{font-size:32px}.v198-roadmap-copy p,.v198-connect-card p{font-size:11.5px;color:var(--v198-muted);line-height:1.55;margin:8px 0 18px}.v198-primary{background:linear-gradient(135deg,#0b385e,#0d5272)!important;min-width:200px}
.v198-roadmap-art{position:relative;min-height:205px;align-self:stretch}.v198-sun{position:absolute;width:42px;height:42px;border-radius:50%;right:20%;top:20px;background:#f7d998;opacity:.9}.v198-hill{position:absolute;right:-30px;bottom:18px;width:108%;height:115px;border-radius:55% 0 0 0;transform:skewX(-15deg);transform-origin:bottom right}.v198-hill.h1{background:#d8eee6;bottom:28px}.v198-hill.h2{background:#a8d5c6;width:82%;height:90px;opacity:.9}.v198-road{position:absolute;right:18%;bottom:-3px;width:90px;height:180px;border:22px solid #f6e3b8;border-left-color:transparent;border-top-color:transparent;border-radius:0 0 70px 0;transform:rotate(-18deg)}.v198-home{position:absolute;right:14%;bottom:90px;width:50px;height:50px;border-radius:14px;background:#fff;color:#188274;display:grid;place-items:center;font-size:28px;box-shadow:0 10px 30px rgba(11,63,78,.12)}
.v198-steps{grid-column:1/-1;position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:10px;padding-top:11px;border-top:1px solid #e4ecef}.v198-steps:before{content:'';position:absolute;left:9%;right:9%;top:26px;height:2px;background:#d7e2e7}.v198-steps>div{position:relative;z-index:2;text-align:center;color:#75879a;font-size:8.5px}.v198-steps span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin:0 auto 6px;background:#eef3f5;border:1px solid #dae4e8;color:#587189;font-weight:850}.v198-steps b{display:block;font-weight:700}.v198-steps .done span{background:#dff2ed;border-color:#b8dfd5;color:#177867}.v198-steps .current span{background:#0e365d;border-color:#0e365d;color:#fff;box-shadow:0 0 0 5px rgba(18,86,119,.08)}
.v198-connect-card{padding:24px;background:linear-gradient(145deg,#fff,#f7fcff)}.v198-connect-card h2{font-size:27px}.v198-connect-visual{position:absolute;right:22px;top:22px;width:92px;height:78px;border-radius:24px;background:linear-gradient(145deg,#dff2ee,#eef8f7);display:grid;place-items:center;color:#168678}.v198-connect-visual span{font-size:34px}.v198-connect-visual i{position:absolute;width:18px;height:18px;border-radius:50%;background:#1a8b7e;bottom:11px}.v198-connect-visual i:nth-of-type(1){right:14px}.v198-connect-visual i:nth-of-type(2){right:36px;background:#65c8bc}
.v198-connect-card>div:first-child{padding-right:105px}.v198-connect-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:34px 0 18px;padding:14px 0;border-top:1px solid #e6edf0;border-bottom:1px solid #e6edf0}.v198-connect-metrics div{padding:0 10px;border-right:1px solid #e6edf0}.v198-connect-metrics div:first-child{padding-left:0}.v198-connect-metrics div:last-child{border-right:0}.v198-connect-metrics strong{display:block;font-size:18px;color:#0d3156}.v198-connect-metrics span{display:block;font-size:8.5px;color:#77899a;margin-top:3px}.v198-connect-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v198-connect-actions .btn:first-child{grid-column:1/-1}
.v198-help{border:1px solid var(--v198-line);border-radius:19px;background:linear-gradient(90deg,#fffdf7,#fff);padding:14px 17px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;box-shadow:var(--v198-shadow)}.v198-help-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff2d7;color:#a67618;font-size:20px}.v198-help b{font-family:'Playfair Display',Georgia,serif;font-size:16px}.v198-help p{margin:2px 0 0;color:var(--v198-muted);font-size:9.5px}.v198-help .btn{min-width:150px}

/* Mobile final layout: full logo left; bell/avatar/menu right; drawer slides from RIGHT. */
@media(max-width:760px){
  #v18MobileNav{display:none!important}
  #appShell .app-top{left:0!important;width:100%!important;height:72px!important;padding:0 11px 0 14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto 42px!important;gap:5px!important;background:linear-gradient(90deg,#082b4d,#0a3a66)!important;border:0!important;box-shadow:none!important}
  #appShell .v15-top-brand{display:flex!important;grid-column:1!important;grid-row:1!important;justify-self:start!important;align-items:center!important;min-width:0!important;width:100%!important;padding:0!important;overflow:visible!important}
  #appShell .v15-top-brand img{display:block!important;width:clamp(142px,41vw,180px)!important;max-width:100%!important;height:auto!important;object-fit:contain!important;object-position:left center!important;content:url('assets/liorapath-logo-light-v198.svg')!important;filter:none!important}
  #appShell .app-search,#appShell .v15-top-links,#appShell .v15-continue,#appShell .v14-mobile-signout,#appShell .mobile-dash-home{display:none!important}
  #appShell .app-top-actions{grid-column:2!important;grid-row:1!important;display:flex!important;justify-self:end!important;align-items:center!important;gap:4px!important;margin:0!important}
  #appShell .app-top-actions>span#topGreeting,#appShell .app-top-actions>.btn[data-page='billingPage']{display:none!important}
  #appShell .v15-top-bell{display:grid!important;width:34px!important;height:34px!important;color:#fff!important;background:transparent!important;border:0!important}
  #appShell .v15-top-user{display:flex!important;padding:0!important;gap:0!important}.v15-top-user>div:last-child{display:none!important}.v15-top-user .mini-avatar{width:37px!important;height:37px!important;border-radius:50%!important;background:#f4f7f8!important;color:#0d3155!important;border:1px solid rgba(255,255,255,.45)!important;font-size:12px!important;font-weight:850!important;background-size:cover!important;background-position:center!important}
  #appShell .mobile-menu{display:grid!important;grid-column:3!important;grid-row:1!important;justify-self:end!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#fff!important;font-size:0!important}
  #appShell .mobile-menu:before{content:'☰';font-size:29px;line-height:1;color:#fff}
  #appShell .app-main{margin-left:0!important;padding-top:72px!important}.app-content{padding:14px 11px 30px!important}

  #appShell .sidebar{left:auto!important;right:0!important;top:72px!important;bottom:0!important;width:min(84vw,330px)!important;padding:14px 14px 18px!important;background:#fff!important;border-right:0!important;border-left:1px solid #e1e8ec!important;box-shadow:-18px 0 44px rgba(7,35,61,.18)!important;transform:translateX(103%)!important;transition:transform .22s ease!important;z-index:120!important}
  #appShell .sidebar.open{transform:translateX(0)!important}
  #appShell .sidebar-brand{display:block!important;padding:2px 8px 14px!important;border-bottom:1px solid #ecf0f2!important;overflow:visible!important}
  #appShell .sidebar-brand img{width:210px!important;max-width:100%!important;content:url('assets/liorapath-logo.svg')!important}
  #appShell .side-nav{padding:11px 0 6px!important;gap:3px!important;overflow:auto!important}
  #appShell .side-nav button{min-height:46px!important;padding:9px 11px!important;border-radius:13px!important;color:#173a5c!important;background:transparent!important;font-size:13.5px!important;font-weight:700!important}
  #appShell .side-nav button.active{background:linear-gradient(90deg,#e4f6f2,#f0faf8)!important;color:#0d4962!important;box-shadow:none!important}
  #appShell .side-nav button:hover{background:#f4f8f9!important;color:#0d4962!important}
  #appShell .v198-side-label{margin:10px 10px 3px!important;color:#8795a2!important}
  #appShell .sidebar-bottom{border-top:1px solid #e8edef!important;padding-top:10px!important}.sidebar-bottom .user-chip{margin-bottom:7px!important}.sidebar-bottom .user-chip b{color:#173a5c!important}.sidebar-bottom .user-chip span{color:#7e8f9f!important}
  #appShell .v198-signout{min-height:48px!important;background:#f5f8f9!important;color:#173a5c!important;border:1px solid #e0e7ea!important;font-size:13.5px!important;font-weight:750!important}
  #appShell #sidebarScrim{position:fixed!important;inset:72px 0 0 0!important;background:rgba(7,28,48,.45)!important;backdrop-filter:blur(2px)!important;z-index:119!important}

  .v198-welcome{margin:0 1px 11px}.v198-welcome .v198-kicker{display:none}.v198-welcome h1{font-size:27px}.v198-welcome p{font-size:11px;line-height:1.45}
  .v198-stats{grid-template-columns:1fr 1fr;gap:8px}.v198-stat{min-height:122px;padding:12px 10px;grid-template-columns:34px 1fr;gap:8px;border-radius:16px}.v198-stat-icon{width:34px;height:34px;border-radius:11px;font-size:16px}.v198-stat strong{font-size:18px}.v198-stat small{font-size:8.5px}.v198-stat-link{display:none}.v198-stat em{font-size:8px}
  .v198-main-grid{grid-template-columns:1fr;gap:10px}.v198-roadmap-card{min-height:350px;padding:19px 17px 15px;grid-template-columns:1fr;grid-template-rows:auto 115px auto}.v198-roadmap-copy h2{font-size:28px}.v198-roadmap-copy p{font-size:10.5px;margin-bottom:14px}.v198-roadmap-art{min-height:110px;grid-row:2}.v198-home{bottom:45px}.v198-road{height:110px}.v198-hill{height:75px}.v198-steps{grid-row:3}.v198-steps>div{font-size:7px}.v198-steps span{width:27px;height:27px}.v198-connect-card{padding:18px}.v198-connect-card h2{font-size:25px}.v198-connect-card>div:first-child{padding-right:78px}.v198-connect-visual{width:66px;height:62px;right:15px;top:16px}.v198-connect-metrics{margin-top:22px}.v198-connect-actions{grid-template-columns:1fr 1fr}.v198-help{grid-template-columns:40px 1fr;padding:13px}.v198-help .btn{grid-column:1/-1;width:100%}
}

@media(max-width:390px){
  #appShell .app-top{grid-template-columns:minmax(0,1fr) auto 38px!important;padding-left:10px!important}
  #appShell .v15-top-brand img{width:140px!important}
  #appShell .v15-top-bell{width:31px!important}.v15-top-user .mini-avatar{width:34px!important;height:34px!important}.mobile-menu{width:36px!important}
  .v198-stat{grid-template-columns:30px 1fr;padding:11px 8px}.v198-stat-icon{width:30px;height:30px}.v198-stat strong{font-size:16px}
}