/* home-nest v4 – doorlopende persoonlijke cover met zachte fade.
   Alle regels zijn scoped naar Home: agenda, boodschappen en taken blijven intact. */
.main-column.is-home{position:relative}
.main-column.is-home .topbar{
  position:absolute;left:0;right:0;top:0;z-index:5;
  background:transparent;border:0;box-shadow:none;
  justify-content:flex-end;pointer-events:none;
}
.main-column.is-home .topbar-crumb{display:none}
.main-column.is-home .topbar-right{pointer-events:auto}
.main-column.is-home .today-pill{color:#43594d}
.main-column.is-home:has(.home-stage.has-cover) .today-pill{color:white;text-shadow:0 1px 12px #001b1d7a}
.main-column.is-home:has(.home-stage.has-cover) .profile-tiny .avatar{border:2px solid #fff;box-shadow:0 3px 16px #081f2438}
.view.view-home{padding:0 0 75px;max-width:none;overflow:hidden}
.home-stage{position:relative;isolation:isolate;min-height:80vh;padding-bottom:5px}
.home-stage::before{
  content:'';position:absolute;inset:0 0 auto;z-index:-1;height:650px;
  background:linear-gradient(150deg,#ebf2e8 0%,#e3ede8 45%,var(--bg) 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 40%,#000a 65%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 40%,#000a 65%,transparent 100%);
  pointer-events:none;
}
.home-stage.has-cover::before{
  background-image:linear-gradient(180deg,rgba(10,28,28,.58) 0%,rgba(10,31,30,.40) 36%,rgba(21,50,45,.15) 73%,rgba(248,247,244,0) 100%),var(--cover-image);
  background-position:center,center center;background-size:cover;background-repeat:no-repeat;
}
.home-stage .personal-hero{
  position:relative;z-index:1;display:flex;align-items:center;
  min-height:340px;max-width:1460px;margin:0 auto 0;
  padding:124px clamp(24px,4.3vw,68px) 45px;
  background:transparent!important;border-radius:0;overflow:visible;
}
.home-stage .personal-hero .hero-content{max-width:940px}
.home-stage .personal-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.12;margin:21px 0 15px;letter-spacing:-.055em}
.home-stage .personal-hero .headline-desc{font-size:clamp(13px,1.2vw,17px);line-height:1.6}
.home-stage .personal-hero .eyebrow{margin:0;font-size:11px;letter-spacing:3.2px}
.home-stage.has-cover .personal-hero h1,
.home-stage.has-cover .personal-hero .accent,
.home-stage.has-cover .personal-hero .eyebrow,
.home-stage.has-cover .personal-hero .headline-desc{color:#fff!important;text-shadow:0 1px 15px #0c1b1938}
.home-stage.has-cover .personal-hero .headline-desc{opacity:.95}
.home-stage .stats-grid{
  position:relative;z-index:1;max-width:1460px;
  margin:0 auto 38px;padding:0 clamp(24px,4.3vw,68px);
}
.home-stage .stat-card{background:rgba(255,255,255,.91);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #ffffffa6;box-shadow:0 16px 38px #243c3330;border-radius:22px}
.home-stage .dashboard-grid{position:relative;z-index:1;max-width:1460px;margin:auto;padding:0 clamp(24px,4.3vw,68px)}
.home-stage .dashboard-grid .panel{border-radius:25px;box-shadow:0 20px 52px #3145380a}
/* Op mobiel komt de foto tegen de schermranden, ook achter datum en profielfoto. */
@media(max-width:700px){
  .main-column.is-home .topbar{height:74px;padding:0 20px;}
  .main-column.is-home .today-pill{font-size:12px;gap:7px}
  .main-column.is-home .today-pill svg{width:17px;height:17px}
  .main-column.is-home .topbar-right{gap:13px}
  .main-column.is-home .profile-tiny .avatar{width:39px;height:39px;font-size:13px}
  .home-stage::before{height:545px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 41%,#000c 61%,transparent 98%);mask-image:linear-gradient(to bottom,#000 0%,#000 41%,#000c 61%,transparent 98%)}
  .home-stage.has-cover::before{background-position:center,center 39%}
  .home-stage .personal-hero{min-height:322px;margin:0;padding:115px 20px 52px;display:block}
  .home-stage .personal-hero h1{font-size:clamp(30px,8.5vw,39px);line-height:1.15;margin:23px 0 13px;letter-spacing:-.058em}
  .home-stage .personal-hero .eyebrow{font-size:9px;letter-spacing:2.5px;line-height:1.6}
  .home-stage .personal-hero .headline-desc{font-size:13px;line-height:1.5;max-width:350px}
  .home-stage .stats-grid{margin:0 0 26px;padding:0 18px;gap:10px}
  .home-stage .stat-card{min-height:143px;padding:16px 12px 17px;border-radius:20px;gap:16px;box-shadow:0 10px 28px #3441381b}
  .home-stage .stat-icon{width:39px;height:39px;border-radius:12px}
  .home-stage .stat-icon svg{height:21px;width:21px}
  .home-stage .stat-number{font-size:27px}
  .home-stage .stat-label{font-size:10px;line-height:1.38}
  .home-stage .dashboard-grid{padding:0 18px;gap:17px}
  .home-stage .dashboard-grid .panel{border-radius:23px;padding:22px 19px}
  .home-stage .dashboard-grid .section-heading{gap:10px;align-items:flex-start}
  .home-stage .dashboard-grid .panel-title{font-size:17px}
  .home-stage .dashboard-grid .link-button{min-width:73px;text-align:right;white-space:normal;line-height:1.4}
  .home-stage .dashboard-grid .link-button svg{display:inline-block;vertical-align:middle}
}
@media(max-width:370px){
  .home-stage .personal-hero{min-height:328px;padding:112px 16px 43px}
  .home-stage .personal-hero h1{font-size:29px}
  .home-stage .stats-grid{padding:0 12px;gap:7px}
  .home-stage .stat-card{padding:13px 9px;min-height:137px}
  .home-stage .stat-label{font-size:9px}
  .home-stage .dashboard-grid{padding:0 12px}
}
@media(min-width:701px){
  .home-stage::before{height:590px}
  .home-stage .stat-card{min-height:120px}
  .home-stage .personal-hero .hero-content{padding-top:12px}
}
@media(prefers-reduced-transparency:reduce){.home-stage .stat-card{background:rgba(255,255,255,.97);backdrop-filter:none}}