/*
  PEREKO Master Shell V1
  Jeden wspólny wzorzec belki i slidera dla dashboardu oraz wszystkich podstron.
*/

body.pereko-has-global-topbar > header.pereko-global-topbar{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.pereko-has-global-topbar > header.pereko-global-topbar::before,
body.pereko-has-global-topbar > header.pereko-global-topbar::after{
  content:none!important;
  display:none!important;
}

body.pereko-login-shell .page-shell{position:relative!important}

@media(min-width:1051px){
  body.pereko-login-shell .login-stage{
    height:100vh!important;
    min-height:100vh!important;
    margin-top:0!important;
  }
}

body.pereko-dashboard-shell{
  margin:0;
  color:#fff;
  background:#f5f7f7;
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

body.pereko-dashboard-shell .hero{
  position:relative!important;
  min-height:608px!important;
  display:flex!important;
  align-items:flex-end!important;
  overflow:hidden!important;
  color:#fff!important;
  background:#101517!important;
}

body.pereko-dashboard-shell .hero-image{
  position:absolute!important;
  inset:0!important;
}

body.pereko-dashboard-shell .hero-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 48%!important;
  filter:brightness(.52) saturate(.8)!important;
}

body.pereko-dashboard-shell .hero-image::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(13,18,20,.97) 0%,rgba(13,18,20,.78) 42%,rgba(13,18,20,.15) 78%),linear-gradient(0deg,rgba(13,18,20,.92),transparent 52%)!important;
}

body.pereko-dashboard-shell .hero-inner{
  box-sizing:border-box!important;
  width:min(1400px,calc(100% - 64px))!important;
  margin:0 auto!important;
  padding:160px 0 64px!important;
  position:relative!important;
  z-index:1!important;
}

body.pereko-dashboard-shell .hero-layout{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:64px!important;
  align-items:end!important;
}

body.pereko-dashboard-shell .hero-copy{min-width:0!important}

body.pereko-dashboard-shell .hero .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#ffe477!important;
  font-family:Montserrat,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

body.pereko-dashboard-shell .hero .eyebrow i{
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  background:#ffc800!important;
  box-shadow:0 0 0 6px rgba(255,200,0,.15)!important;
}

body.pereko-dashboard-shell .hero h1{
  max-width:850px!important;
  margin:18px 0!important;
  color:#fff!important;
  font-family:Montserrat,sans-serif!important;
  font-size:clamp(48px,5.2vw,78px)!important;
  font-weight:800!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}

body.pereko-dashboard-shell .hero-copy > p{
  max-width:760px!important;
  margin:0!important;
  color:#e2e7e9!important;
  font-size:19px!important;
  line-height:1.58!important;
}

body.pereko-dashboard-shell .hero-stats{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:28px!important;
}

body.pereko-dashboard-shell .hero-stats span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px 13px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:10px!important;
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
  font-size:13px!important;
  font-weight:700!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

body.pereko-dashboard-shell .hero-stats i{color:#ffc800!important}

body.pereko-dashboard-shell .hero-shortcuts{
  display:grid!important;
  gap:14px!important;
  padding-bottom:2px!important;
}

body.pereko-dashboard-shell .hero-shortcut{
  position:relative!important;
  display:block!important;
  padding:20px 20px 19px!important;
  border:1px solid rgba(230,235,238,.34)!important;
  border-radius:14px!important;
  color:#fff!important;
  background:rgba(38,45,49,.14)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  text-decoration:none!important;
  overflow:hidden!important;
}

body.pereko-dashboard-shell .hero-shortcut::before{content:none!important;display:none!important}
body.pereko-dashboard-shell .hero-shortcut__top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:13px!important}
body.pereko-dashboard-shell .hero-shortcut__icon{width:38px!important;height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(230,235,238,.26)!important;border-radius:10px!important;color:#e8edef!important;background:rgba(255,255,255,.055)!important;font-size:15px!important}
body.pereko-dashboard-shell .hero-shortcut__arrow{width:31px!important;height:31px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(230,235,238,.24)!important;border-radius:50%!important;color:#eef2f3!important;background:rgba(255,255,255,.035)!important;font-size:13px!important}
body.pereko-dashboard-shell .hero-shortcut__label{display:block!important;margin-bottom:4px!important;color:#d5dcdf!important;font-family:Montserrat,sans-serif!important;font-size:10px!important;font-weight:800!important;letter-spacing:.11em!important;text-transform:uppercase!important}
body.pereko-dashboard-shell .hero-shortcut strong{display:block!important;color:#fff!important;font-family:Montserrat,sans-serif!important;font-size:21px!important;line-height:1.14!important;letter-spacing:-.025em!important}
body.pereko-dashboard-shell .hero-shortcut p{max-width:none!important;margin:8px 0 0!important;color:rgba(236,241,243,.77)!important;font-size:12.5px!important;line-height:1.5!important}

body.pereko-subpage .empty-content{
  min-height:420px;
  background:linear-gradient(180deg,#f7f8f8,#f2f4f4);
}

@media(max-width:820px){
  body.pereko-dashboard-shell .hero{min-height:760px!important}
  body.pereko-dashboard-shell .hero-inner{width:min(100% - 44px,700px)!important;padding:152px 0 48px!important}
  body.pereko-dashboard-shell .hero-layout{grid-template-columns:1fr!important;gap:26px!important}
  body.pereko-dashboard-shell .hero-shortcuts{grid-template-columns:1fr 1fr!important;gap:10px!important}
}

@media(max-width:720px){
  body.pereko-dashboard-shell .hero{min-height:760px!important}
  body.pereko-dashboard-shell .hero-inner{width:min(100% - 32px,620px)!important;padding:134px 0 40px!important}
  body.pereko-dashboard-shell .hero-image img{object-position:58% center!important}
  body.pereko-dashboard-shell .hero-image::after{background:linear-gradient(0deg,rgba(13,18,20,.97),rgba(13,18,20,.65) 70%,rgba(13,18,20,.28))!important}
  body.pereko-dashboard-shell .hero h1{font-size:clamp(39px,11.5vw,58px)!important}
  body.pereko-dashboard-shell .hero-copy > p{font-size:16px!important}
  body.pereko-dashboard-shell .hero-shortcut{padding:15px 14px 14px!important;border-radius:12px!important}
  body.pereko-dashboard-shell .hero-shortcut__top{margin-bottom:10px!important}
  body.pereko-dashboard-shell .hero-shortcut__icon{width:34px!important;height:34px!important}
  body.pereko-dashboard-shell .hero-shortcut strong{font-size:16px!important}
  body.pereko-dashboard-shell .hero-shortcut p{display:none!important}
}