.cz-billing-status-host{
  padding:12px 18px 0;
}

.cz-billing-status{
  max-width:1180px;
  margin:0 auto;
  padding:15px 16px;
  border:1px solid rgba(255,90,0,.22);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,247,241,.98),rgba(255,255,255,.98));
  display:flex;
  gap:18px;
  align-items:center;
  justify-content:space-between;
  box-shadow:0 8px 24px rgba(43,35,31,.06);
}

.cz-billing-status.is-expired{
  border-color:rgba(120,120,120,.22);
  background:linear-gradient(135deg,rgba(250,249,247,.98),rgba(255,255,255,.98));
}

.cz-billing-status__icon{
  width:72px;
  height:62px;
  object-fit:contain;
  flex:0 0 72px;
}

.cz-billing-status>div{
  display:grid;
  gap:4px;
  min-width:0;
}

.cz-billing-status b{
  font-weight:800;
  line-height:1.25;
}

.cz-billing-status span{
  font-size:13px;
  line-height:1.5;
  color:var(--muted,#6f7680);
}

.cz-billing-status .btn{
  flex:0 0 auto;
  white-space:nowrap;
}

.cz-billing-dialog{
  width:min(760px,calc(100% - 24px));
  border:0;
  padding:0;
  border-radius:24px;
}

.cz-billing-dialog::backdrop{
  background:rgba(0,0,0,.58);
}

.cz-billing-dialog__card{
  padding:26px;
  position:relative;
  background:var(--surface,#fff);
  color:var(--text,#161616);
}

.cz-billing-dialog__close{
  position:absolute;
  right:16px;
  top:14px;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  font-size:25px;
  cursor:pointer;
}

.cz-billing-dialog__intro{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding-right:46px;
}

.cz-billing-dialog__icon{
  width:92px;
  height:82px;
  object-fit:contain;
}

.cz-billing-dialog__intro h2{
  margin-top:4px;
}

.cz-billing-dialog__intro .lead{
  margin-bottom:0;
}

.cz-billing-plans{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:22px 0;
  align-items:stretch;
}

.cz-billing-plan{
  border:1px solid rgba(127,127,127,.22);
  border-radius:18px;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:190px;
}

.cz-billing-plan__icon{
  width:82px;
  height:66px;
  object-fit:contain;
  align-self:flex-start;
  margin:-2px 0 1px;
}

.cz-billing-plan.is-year{
  border-color:rgba(255,90,0,.42);
  background:rgba(255,90,0,.035);
}

.cz-billing-plan strong{
  font-size:20px;
}

.cz-billing-plan .btn{
  margin-top:auto;
}

.cz-billing-note{
  margin-top:10px;
  line-height:1.5;
}

.cz-billing-plan__extra{
  min-height:42px;
  color:var(--muted,#6f7680);
  font-size:11px;
  line-height:1.45;
}

@media(max-width:720px){
  .cz-billing-status-host{
    padding:10px 12px 0;
  }

  .cz-billing-status{
    display:grid;
    grid-template-columns:62px minmax(0,1fr);
    align-items:center;
    gap:10px 12px;
    padding:14px;
  }

  .cz-billing-status__icon{
    width:62px;
    height:54px;
    flex-basis:62px;
  }

  .cz-billing-status .btn{
    grid-column:1 / -1;
    width:100%;
  }

  .cz-billing-plans{
    grid-template-columns:1fr;
  }

  .cz-billing-plan{
    min-height:0;
  }

  .cz-billing-dialog__card{
    padding:22px 16px;
  }

  .cz-billing-dialog__intro{
    grid-template-columns:72px minmax(0,1fr);
    gap:10px;
    padding-right:34px;
  }

  .cz-billing-dialog__icon{
    width:72px;
    height:64px;
  }
}

/* R6700 - spokojne stany dostepu, bez agresywnego paywalla */
.cz-billing-status.is-restored{
  border-color:rgba(54,140,86,.24);
  background:linear-gradient(135deg,rgba(244,252,246,.98),rgba(255,255,255,.98));
}

.cz-billing-status.is-ending_soon,
.cz-billing-status.is-tomorrow,
.cz-billing-status.is-today{
  border-color:rgba(255,90,0,.26);
}

.cz-billing-status.is-demo,
.cz-billing-status.is-early{
  border-color:rgba(112,122,144,.22);
  background:linear-gradient(135deg,rgba(249,250,252,.98),rgba(255,255,255,.98));
}

.cz-billing-reassurance{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:18px 0 4px;
}

.cz-billing-reassurance[hidden]{display:none}

.cz-billing-reassurance__item{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-height:78px;
  padding:11px 12px;
  border:1px solid rgba(127,127,127,.18);
  border-radius:15px;
  background:color-mix(in srgb,var(--surface,#fff) 92%,var(--orange-pale,#fff3eb));
}

.cz-billing-reassurance__item img{
  width:52px;
  height:48px;
  object-fit:contain;
}

.cz-billing-reassurance__item div{
  display:grid;
  gap:3px;
}

.cz-billing-reassurance__item b{
  font-size:11px;
  line-height:1.25;
}

.cz-billing-reassurance__item span{
  color:var(--muted,#6f7680);
  font-size:9px;
  line-height:1.45;
}

html[data-theme="dark"] .cz-billing-status.is-restored,
.theme-dark .cz-billing-status.is-restored,
html[data-theme="dark"] .cz-billing-status.is-demo,
.theme-dark .cz-billing-status.is-demo,
html[data-theme="dark"] .cz-billing-status.is-early,
.theme-dark .cz-billing-status.is-early{
  background:color-mix(in srgb,var(--surface,#1f1f1f) 92%,#24352b);
}

@media(max-width:720px){
  .cz-billing-reassurance{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:14px;
  }

  .cz-billing-reassurance__item{
    min-height:0;
    grid-template-columns:46px minmax(0,1fr);
    padding:9px 10px;
  }

  .cz-billing-reassurance__item img{
    width:46px;
    height:42px;
  }
}