/* v24 — dashboard fold: header + six service tiles fill the first screen; everything else scrolls. */
html.p137-dashboard-root body.p137-dashboard-page .pm26-dashboard .pm26-main{
  --fold-hero:clamp(84px,13dvh,120px);
  display:flex!important;flex-direction:column!important;height:100vh!important;height:100dvh!important;
  overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:smooth;scroll-snap-type:y proximity;
  padding:0 0 40px!important;scrollbar-width:thin;
}
html.p137-dashboard-root body.p137-dashboard-page .pm26-main>*{order:6;flex:none}
html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-hero{order:1;min-height:var(--fold-hero)!important;height:var(--fold-hero)!important;margin:12px 28px 10px!important;padding:0 26px!important;align-items:center!important;scroll-snap-align:start}
html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-hero h1{font-size:clamp(17px,2.4dvh,22px)!important;margin:2px 0!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-hero p{display:none!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-hero .pm26-hero-status{transform:scale(.88);transform-origin:center}
html.p137-dashboard-root body.p137-dashboard-page .pm26-main>section[aria-label="خدمات اصلی"]{
  order:2;display:flex!important;flex-direction:column;
  height:calc(100vh - var(--fold-hero) - 34px)!important;height:calc(100dvh - var(--fold-hero) - 34px)!important;
  padding:0 28px!important;margin:0!important;scroll-snap-align:start;min-height:360px}
html.p137-dashboard-root body.p137-dashboard-page .pm26-main>section[aria-label="خدمات اصلی"] .pm26-section-head{flex:none;margin:0 0 10px!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-main>section[aria-label="خدمات اصلی"] .pm26-section-head h2{font-size:clamp(15px,2.2dvh,19px)!important;margin:0!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-main>section[aria-label="خدمات اصلی"] .pm26-section-head span{font-size:11px!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-grid{flex:1 1 0!important;min-height:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:clamp(10px,1.8dvh,18px)!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc{
  --c:#2a7de1;--t:#e8f2ff;
  flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;
  min-height:0!important;height:100%!important;padding:10px 16px 14px!important;border-radius:24px!important;
  background:radial-gradient(120% 90% at 50% 0%,var(--t) 0,#fff 78%)!important;border:1px solid color-mix(in srgb,var(--c) 22%,#fff)!important;
  box-shadow:0 10px 26px color-mix(in srgb,var(--c) 14%,transparent)!important;overflow:hidden!important;text-align:center!important;
  transition:transform .25s ease,box-shadow .25s ease!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc::before{content:"";position:absolute;inset:auto -20% -40% -20%;height:55%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 18%,transparent),transparent);pointer-events:none;z-index:0}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc::after{content:none!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc:hover{transform:translateY(-6px)!important;box-shadow:0 20px 38px color-mix(in srgb,var(--c) 28%,transparent)!important;border-color:var(--c)!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-art{order:1;position:relative!important;inset:auto!important;flex:1 1 0!important;min-height:0!important;width:100%!important;height:auto!important;transform:none!important;display:flex!important;align-items:center;justify-content:center;z-index:1}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-art img{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;filter:drop-shadow(0 12px 10px color-mix(in srgb,var(--c) 30%,transparent))!important;transition:transform .35s ease!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc:hover .pm26-svc-art img{transform:translateY(-4px) scale(1.04)!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-body{order:2;position:relative!important;z-index:2;width:100%!important;flex:none;display:flex;flex-direction:column;align-items:center}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc h3{font-size:clamp(14px,2.1dvh,18px)!important;margin:4px 0 0!important;line-height:1.5!important;color:#14304f!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc p{font-size:clamp(10.5px,1.5dvh,12.5px)!important;line-height:1.7!important;margin:2px 0 0!important;min-height:0!important;color:#5b6b80!important;-webkit-line-clamp:1!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-cta{display:inline-flex!important;gap:6px;align-items:center;margin-top:8px!important;padding:4px 14px;border-radius:999px;background:var(--c);color:#fff!important;font-size:11.5px!important}
@media(max-height:700px){html.p137-dashboard-root body.p137-dashboard-page .pm26-svc p,html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-cta{display:none!important}}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc--137{--c:#1f5fbf;--t:#dce9ff}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc--city{--c:#2f74e8;--t:#e2edff}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc--property{--c:#0fae9a;--t:#d8f7f1}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc--green{--c:#22b04b;--t:#dff7e4}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc--market{--c:#f08a16;--t:#ffecd2}
html.p137-dashboard-root body.p137-dashboard-page .pm26-svc--meeting{--c:#8a3fd8;--t:#efe3ff}
html.p137-dashboard-root body.p137-dashboard-page .pm26-scroll-hint{flex:none;align-self:center;margin-top:8px!important;padding:4px 16px;border-radius:999px;background:#fff;border:1px solid #d6e6f5;color:#2567ba;font-size:11px;text-decoration:none;box-shadow:0 4px 12px #1f5fbf14;animation:pm26bob 2s ease-in-out infinite}
@keyframes pm26bob{50%{transform:translateY(3px)}}
/* below the fold: modern card sections */
html.p137-dashboard-root body.p137-dashboard-page .pm26-main>section:not(.pm26-hero):not([aria-label="خدمات اصلی"]){
  margin:0 28px 18px!important;padding:20px!important;background:rgba(255,255,255,.82)!important;border:1px solid #dbe9f6!important;border-radius:24px!important;
  box-shadow:0 8px 24px #1f5fbf0f!important;animation:pm26up .5s ease both}
html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-smart{order:3}
html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-for-you{order:4}
@keyframes pm26up{from{opacity:0;transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){html.p137-dashboard-root body.p137-dashboard-page *{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:1100px) and (min-width:821px){html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-hero .pm26-hero-status{display:none!important}}
/* mobile: natural page scroll, 2-column tiles */
@media(max-width:820px){
  html.p137-dashboard-root body.p137-dashboard-page .pm26-dashboard .pm26-main{height:auto!important;overflow:visible!important;display:flex!important;scroll-snap-type:none}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-hero{height:auto!important;min-height:0!important;margin:12px!important;padding:16px!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-main>section[aria-label="خدمات اصلی"]{height:auto!important;min-height:0;padding:0 12px!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:minmax(168px,auto)!important;gap:10px!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc{padding:8px 10px 12px!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc p,html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-cta{display:none!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-art{min-height:100px!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-main>section:not(.pm26-hero):not([aria-label="خدمات اصلی"]){margin:0 12px 14px!important;padding:14px!important}
}
/* v25: compact service tiles on desktop (overrides the fill-the-viewport sizing above) */
@media(min-width:821px){
  html.p137-dashboard-root body.p137-dashboard-page .pm26-main>section[aria-label="خدمات اصلی"]{flex:0 0 auto!important;height:auto!important;min-height:0!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-hero{height:auto!important;min-height:clamp(124px,17dvh,156px)!important;margin:22px 28px 16px!important;padding:26px 36px!important;border-radius:26px!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-hero h1{font-size:clamp(24px,3.2dvh,32px)!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-grid{flex:0 0 auto!important;grid-template-rows:none!important;grid-auto-rows:124px!important;gap:12px!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc{height:auto!important;padding:10px 14px!important;border-radius:18px!important;justify-content:center!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-art{flex:0 0 auto!important;height:74px!important;min-height:0!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-art img{height:100%!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc h3{font-size:15px!important;margin:2px 0 0!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc p{display:none!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-cta{margin-top:6px!important;padding:3px 12px!important}
}
/* v26 — first screen (desktop): header, assistant and six tiles fit one viewport; the rest scrolls. Tiles keep fixed rows so they never overlap. */
@media(min-width:821px){
  html.p137-dashboard-root body.p137-dashboard-page .pm26-dashboard .pm26-main{height:100vh!important;height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-snap-type:none;padding:0 0 32px!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-hero{order:1;flex:none!important;height:auto!important;min-height:clamp(104px,14dvh,132px)!important;margin:14px 28px 10px!important;scroll-snap-align:none}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-smart{order:2;flex:none!important;margin:0 28px 12px!important;padding:14px 16px!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-main>section[aria-label="خدمات اصلی"]{order:3;flex:none!important;height:auto!important;min-height:0!important;margin:0 28px!important;padding:0!important;scroll-snap-align:none}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-main>section[aria-label="خدمات اصلی"] .pm26-section-head{margin:0 0 8px!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-grid{flex:0 0 auto!important;min-height:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:clamp(116px,17dvh,150px)!important;gap:12px!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc{height:100%!important;min-height:0!important;padding:8px 14px 10px!important;overflow:hidden!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-art{flex:1 1 0!important;height:auto!important;min-height:0!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-art img{height:100%!important;width:100%!important;object-fit:contain!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-for-you,html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-personal-panels{order:4}
}
/* v27 — desktop tiles: the 3D art was squeezed to ~35px by the title + CTA in a 116px row. Give the art the room: drop the CTA pill and the small badge (the whole tile is the link), taller rows, art fills the tile. */
@media(min-width:821px){
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-grid{grid-auto-rows:clamp(150px,24dvh,200px)!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc{padding:6px 12px 8px!important;justify-content:flex-end!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-badge,html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-cta{display:none!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-art{flex:1 1 0!important;min-height:90px!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc-art img{transform:scale(1.12)!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-svc h3{margin:0!important}
}
/* v28 — mobile fix: the base rule gives .pm26-svc-grid flex:1 1 0 + min-height:0; inside the auto-height mobile section that collapses the grid to 0px, so tiles overflow and the scroll hint / later sections paint over them. Also the base ".pm26-main>*{order:6}" pushed the standalone hamburger to the bottom of the page on mobile. */
@media(max-width:820px){
  html.p137-dashboard-root body.p137-dashboard-page .pm26-dashboard .pm26-main .pm26-svc-grid{flex:none!important;min-height:auto!important;height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:minmax(150px,auto)!important;gap:10px!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-dashboard .pm26-main>section[aria-label="خدمات اصلی"]{height:auto!important;min-height:0!important;overflow:visible!important;margin-bottom:14px!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-dashboard .pm26-main .pm26-scroll-hint{display:none!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-dashboard .pm26-main>.pm26-menu-toggle-standalone{order:-1!important;align-self:flex-start!important}
}