/* Polina's two screenshots: a steady header and a closer invitation fan. */
.povod-nav-trigger[hidden] { display:none!important; }
html:has(body:is(.povod-dashboard-mode,.povod-preview-mode)),
body:is(.povod-dashboard-mode,.povod-preview-mode):not(.crop-page-locked) { overflow-x:clip; overflow-y:visible; }
body.povod-dashboard-mode .shell { padding-top:var(--app-safe-top,0px); }
body.povod-dashboard-mode .shell > .topbar { margin-bottom:0; }
body.povod-dashboard-mode.povod-native-header .shell > .topbar { display:grid; }
body.povod-dashboard-mode .povod-nav-trigger { display:none!important; }
#dashboardView .dashboard-heading {
  position:sticky; top:calc(var(--app-safe-top,0px) + 54px); z-index:57;
  display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; gap:8px;
  min-height:48px; margin:0 -10px; padding:0 10px 4px; background:#faf9f6;
}
body.povod-native-header #dashboardView .dashboard-heading { top:calc(var(--app-safe-top,0px) + 56px); }
#dashboardView .dashboard-heading::before {
  content:''; position:absolute; inset:0 -24px; z-index:-1; background:#faf9f6; pointer-events:none;
}
#dashboardView .dashboard-heading h2 {
  grid-column:2; grid-row:1; margin:0; text-align:center; color:#514239;
  font:italic 600 clamp(30px,7vw,36px)/1.15 'Cormorant Garamond',Georgia,serif;
  letter-spacing:0;
}
body .topbar .dashboard-profile {
  grid-column:3; grid-row:1; justify-self:end; width:44px; height:44px; min-height:44px;
  border:1px solid #edc5bba3; background:linear-gradient(145deg,#ffffffcf,#fff1eb85 48%,#f7c7b95c);
  color:#8c5747; font:italic 600 23px/1 'Cormorant Garamond',Georgia,serif; letter-spacing:0;
  box-shadow:inset 0 1px 2px #fff,inset 0 -1px 3px #b86a4914,0 6px 14px -5px #a45f473b,0 2px 5px #59403108;
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
}
body .topbar .dashboard-profile:focus-visible { outline:2px solid #a45f47; outline-offset:3px; }
body #dashboardView .dashboard-welcome { padding-bottom:0; }
body #dashboardView .dashboard-welcome > p { margin:0 auto; }
body #dashboardView .dashboard-home-fan { margin:-22px auto 4px; }
body #dashboardView .dashboard-tabs { margin:18px 0; }
body.povod-preview-mode .shell { padding-top:var(--app-safe-top,0px); }
body.povod-preview-mode .shell > .topbar { margin-bottom:0; }
#publicView .povod-preview-heading {
  position:sticky; z-index:57; top:calc(var(--app-safe-top,0px) + 54px);
  margin:0 -10px; padding:3.25px 20px 7.25px; background:#faf9f6; text-align:center;
}
body.povod-native-header #publicView .povod-preview-heading { top:var(--app-safe-top,0px); }
#publicView .povod-preview-heading::before {
  content:''; position:absolute; inset:0 -24px; z-index:-1; background:#faf9f6; pointer-events:none;
}
#publicView .povod-preview-heading h2 {
  margin:0; color:#99918a; font:italic 400 12px/1.5 Onest,system-ui,sans-serif; letter-spacing:0;
}
/* Equal gaps from lowercase ink to the tab divider and the invitation. */
body #publicView:has(>.povod-preview-heading)>.studio-journey{margin-bottom:0;}
@media(max-height:700px) { body #dashboardView .dashboard-home-fan { margin-top:-16px; } }
@media(min-width:701px) { #dashboardView .dashboard-heading { padding-bottom:6px; } }
@media(prefers-reduced-transparency:reduce) { body .topbar .dashboard-profile { background:#fff1eb; backdrop-filter:none; } }

body.povod-dashboard-mode .top-actions .account-nav,body.povod-dashboard-mode #dashboardView .dashboard-heading .account-avatar{display:none!important;}

/* Keep the dashboard signature at the bottom, after longer invitation lists. */
body:has(#dashboardView.active) .shell{display:flex;flex-direction:column;min-height:var(--tg-viewport-stable-height,100dvh);padding-bottom:var(--app-safe-bottom,env(safe-area-inset-bottom,0px));}
body:has(#dashboardView.active) .shell> :not(.footer){flex-shrink:0;}
body:has(#dashboardView.active) .shell>.footer{margin-top:auto;padding:12px 0 0;flex-shrink:0;}

/* First occasion: a compact milk-glass explanation in the same warm shell. */
#dashboardView .dashboard-empty.dashboard-onboarding{max-width:360px;margin:0 auto 24px;padding:18px 20px 19px;border:1px solid #ffffffde;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,248,242,.56));box-shadow:inset 0 1px 1px #ffffffed,inset 0 -1px 0 #ffffff66,0 10px 26px #79513c12,0 2px 7px #79513c08;-webkit-backdrop-filter:blur(12px) saturate(1.08);backdrop-filter:blur(12px) saturate(1.08);color:#57514b;}
#dashboardView .dashboard-onboarding h3{margin:0 0 10px;font:300 16px/1.4 Onest,system-ui,sans-serif;letter-spacing:-.018em;color:#57514b;}
#dashboardView .dashboard-onboarding p,#dashboardView .dashboard-onboarding>span{font:400 12px/1.55 Onest,system-ui,sans-serif;color:#706761;}
#dashboardView .dashboard-onboarding p{margin:0;}
#dashboardView .dashboard-onboarding>span{display:block;margin-top:8px;}
@media(prefers-reduced-transparency:reduce){#dashboardView .dashboard-empty.dashboard-onboarding{background:#faf8f5;-webkit-backdrop-filter:none;backdrop-filter:none;}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#dashboardView .dashboard-empty.dashboard-onboarding{background:#faf8f5;}}
/* The chosen straight heading also identifies My Occasions and its archive. */
body #dashboardView .dashboard-heading h2{grid-column:2;text-align:center;font:300 27px/1.25 Onest,system-ui,sans-serif;font-style:normal;letter-spacing:-.6px;color:var(--povod-ui-heading,#856e60);}
body #dashboardView .dashboard-welcome>p{max-width:29ch;text-align:center;margin:8px auto 17px;font:400 14px/1.5 Onest,system-ui,sans-serif;}
@media(max-width:350px){body #dashboardView .dashboard-heading h2{font-size:25px;}}