/* Karty projektów v2 — czytelny układ, podgląd rozwijany, postęp z tasków */
.projects-module .project-list{display:grid!important;gap:14px!important;padding:18px!important}
.project{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 210px!important;
  grid-template-areas:
    "main meta"
    "progress progress"
    "controls controls"
    "preview preview"!important;
  gap:14px 18px!important;
  padding:20px!important;
  overflow:hidden!important
}
.project-main{grid-area:main!important;min-width:0!important}
.project-deadline-status{grid-area:meta!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:0!important}
.project .progress-wrap{grid-area:progress!important;margin:2px 0 0!important}
.project-card-controls{grid-area:controls!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.project-preview{grid-area:preview!important;border-top:1px solid rgba(255,255,255,.07)!important;padding-top:16px!important}

.project-title-row{display:flex!important;align-items:flex-start!important;gap:13px!important;margin:0!important}
.project-title-copy{min-width:0!important;display:grid!important;gap:5px!important;padding-top:1px!important}
.project-title-copy h4{margin:0!important;color:#fff!important}
.project-title-copy .project-desc{margin:0!important;color:rgba(255,255,255,.62)!important;font-size:13.5px!important;line-height:1.45!important}
.project-owner{margin:9px 0 0 57px!important;color:rgba(255,255,255,.46)!important;font:600 10px/1.2 'Montserrat',sans-serif!important}
.project-topic-icon{margin-top:0!important}

.project-deadline-status .deadline-edit{display:grid!important;gap:5px!important;min-width:132px!important}
.project-deadline-status .deadline-edit label{color:rgba(255,255,255,.48)!important}
.project-deadline-status .deadline-edit input{height:38px!important}
.project-deadline-status .status{align-self:end!important;margin-bottom:1px!important;white-space:nowrap!important}

.project .progress{height:9px!important;border-radius:999px!important;overflow:hidden!important}
.project .progress>span{height:100%!important;border-radius:999px!important}
.project-progress-caption{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:7px!important}
.project-progress-caption strong{font:800 11px/1 'Montserrat',sans-serif!important;color:#fff!important}
.project-progress-caption span{font-size:10.5px!important;color:rgba(255,255,255,.52)!important}
.progress-wrap.no-tasks .progress>span{width:0!important}
.progress-wrap.no-tasks .project-progress-caption span{color:rgba(255,255,255,.48)!important}

.project-expand-btn,.project-open-btn{
  height:36px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.05))!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important
}
.project-expand-btn{width:40px!important;padding:0!important;font:700 19px/1 'Montserrat',sans-serif!important}
.project-expand-btn span{display:block!important;transition:transform .18s ease!important;transform:translateY(-1px)!important}
.project-expand-btn.open span{transform:rotate(180deg) translateY(1px)!important}
.project-open-btn{padding:0 12px!important;font:700 10.5px/1 'Montserrat',sans-serif!important}
.project-expand-btn:hover,.project-open-btn:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.22)!important}

.project-preview-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr)!important;gap:18px!important}
.project-preview-block{min-width:0!important}
.project-preview-label{display:block!important;margin-bottom:9px!important;color:rgba(255,255,255,.42)!important;font:800 9px/1 'Montserrat',sans-serif!important;letter-spacing:.12em!important}
.project-preview-task{display:grid!important;grid-template-columns:22px 1fr!important;gap:9px!important;align-items:flex-start!important;padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.project-preview-task:last-child{border-bottom:0!important}
.project-preview-check{width:20px!important;height:20px!important;border-radius:7px!important;border:1px solid rgba(255,255,255,.15)!important;background:rgba(255,255,255,.05)!important;display:grid!important;place-items:center!important;color:#111!important;font:800 11px/1 'Montserrat',sans-serif!important}
.project-preview-task.done .project-preview-check{background:#ffdd00!important;border-color:#ffdd00!important}
.project-preview-task strong{display:block!important;color:#fff!important;font:700 11.5px/1.3 'Montserrat',sans-serif!important}
.project-preview-task small{display:block!important;margin-top:3px!important;color:rgba(255,255,255,.50)!important;font-size:9.5px!important}
.project-preview-task.done strong{text-decoration:line-through!important;color:rgba(255,255,255,.48)!important}
.project-preview-empty,.project-preview-more{padding:8px 0!important;color:rgba(255,255,255,.48)!important;font-size:10.5px!important}
.project-preview-fact{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:9px 0!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.project-preview-fact:last-child{border-bottom:0!important}
.project-preview-fact span{color:rgba(255,255,255,.48)!important;font-size:10.5px!important}
.project-preview-fact strong{color:#fff!important;font:700 10.5px/1.3 'Montserrat',sans-serif!important;text-align:right!important}

/* wnętrze projektu — postęp tylko do odczytu */
.pd-progress-readonly{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important}
.pd-progress-bar{height:9px!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;overflow:hidden!important}
.pd-progress-bar span{display:block!important;height:100%!important;width:0;border-radius:999px!important;background:#ffdd00!important;transition:width .2s ease!important}
.pd-progress-hint{display:block!important;margin-top:6px!important;color:rgba(255,255,255,.50)!important;font-size:10px!important}
.pd-danger-zone{padding:14px!important;border-top:1px solid rgba(255,255,255,.065)!important}
.pd-danger-zone button{width:100%!important;height:36px!important;border-radius:9px!important;border:1px solid rgba(225,105,95,.24)!important;background:rgba(225,105,95,.08)!important;color:#ffb0aa!important;font:700 10px/1 'Montserrat',sans-serif!important}
.pd-danger-zone button:hover{background:rgba(225,105,95,.14)!important;border-color:rgba(225,105,95,.38)!important}

.new-project-progress-note{min-height:42px!important;display:flex!important;align-items:center!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;background:rgba(255,255,255,.045)!important;color:rgba(255,255,255,.55)!important;font-size:11.5px!important}

@media(max-width:980px){
  .project{grid-template-columns:1fr!important;grid-template-areas:"main" "meta" "progress" "controls" "preview"!important}
  .project-deadline-status{justify-content:flex-start!important}
  .project-preview-grid{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .projects-module .project-list{padding:12px!important}
  .project{padding:16px!important}
  .project-deadline-status{align-items:flex-end!important;flex-wrap:wrap!important}
  .project-card-controls{align-items:stretch!important}
  .project-open-btn{flex:1!important}
  .project-owner{margin-left:53px!important}
}


/* Mniejszy przycisk rozwijania, stylistycznie jak ikona projektu */
.project-expand-btn{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  padding:0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.085)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  color:#fff!important
}
.project-expand-btn span{
  font-size:16px!important;
  line-height:1!important
}
.project-expand-btn:hover{
  background:rgba(255,255,255,.13)!important;
  border-color:rgba(255,255,255,.20)!important
}


/* =========================================================
   Korekty układu kart + selektory dat + przycisk Nowy projekt
   ========================================================= */

/* Więcej miejsca na termin + status, bez nachodzenia */
.project{
  grid-template-columns:minmax(0,1fr) 285px!important
}
.project-deadline-status{
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) auto!important;
  align-items:end!important;
  justify-content:stretch!important;
  gap:12px!important
}
.project-deadline-status .deadline-edit{
  min-width:0!important;
  width:100%!important
}
.project-deadline-status .deadline-edit input{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important
}
.project-deadline-status .status{
  align-self:end!important;
  justify-self:end!important;
  margin:0!important;
  flex:0 0 auto!important
}

/* Tytuł i opis bliżej siebie, wycentrowane względem ikony */
.project-title-row{
  align-items:center!important;
  gap:13px!important
}
.project-title-copy{
  gap:2px!important;
  padding-top:0!important
}
.project-title-copy h4{
  line-height:1.18!important
}
.project-title-copy .project-desc{
  line-height:1.32!important
}
.project-owner{
  margin-top:7px!important
}

/* Dyskretny przycisk rozwijania — jak mała ikonka projektu */
.project-expand-btn{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  padding:0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  display:grid!important;
  place-items:center!important
}
.project-expand-btn span{
  width:14px!important;
  height:14px!important;
  display:grid!important;
  place-items:center!important;
  transition:transform .18s ease!important
}
.project-expand-btn svg{
  width:14px!important;
  height:14px!important;
  fill:#fff!important;
  opacity:.82!important
}
.project-expand-btn.open span{
  transform:rotate(180deg)!important
}
.project-expand-btn:hover{
  background:rgba(255,255,255,.11)!important;
  border-color:rgba(255,255,255,.17)!important
}

/* Nowy projekt — wyraźniejszy mlecznobiały przycisk */
.intro-add-project{
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.76))!important;
  color:#17191a!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.85)!important
}
.intro-add-project span{
  color:#17191a!important
}
.intro-add-project:hover{
  background:#fff!important;
  color:#111!important;
  border-color:#fff!important
}

@media(max-width:980px){
  .project{grid-template-columns:1fr!important}
  .project-deadline-status{
    grid-template-columns:minmax(150px,220px) auto!important;
    justify-content:start!important
  }
}
@media(max-width:560px){
  .project-deadline-status{grid-template-columns:1fr!important}
  .project-deadline-status .status{justify-self:start!important}
}


/* =========================================================
   Korekta marginesów projektu + finalny selektor daty
   ========================================================= */

/* Margines treści zgodny z początkiem tytułu (po ikonie 44px + 13px przerwy) */
.project .progress-wrap{
  margin-left:57px!important
}
.project-preview{
  margin-left:57px!important
}
.project-card-controls{
  justify-content:flex-end!important
}

/* Przycisk otwarcia + podglądu po prawej */
.project-card-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important
}

@media(max-width:640px){
  .project .progress-wrap,
  .project-preview{
    margin-left:0!important
  }
}


/* FINAL: tylko biała ikonka kalendarza, bez natywnej czarnej ikonki */
html body input[type="date"]{
  color-scheme:dark!important;
  padding-right:38px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M7 2h2v2h6V2h2v2h2a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2V2Zm12 8H5v9h14v-9ZM5 8h14V6H5v2Z'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 12px center!important;
  background-size:15px 15px!important;
}
html body input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:0!important;
  filter:none!important;
  cursor:pointer!important;
}


/* FINAL: widoczna wartość daty we wszystkich polach */
html body input[type="date"]{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  font-family:'Montserrat',sans-serif!important;
}
html body input[type="date"]::-webkit-datetime-edit,
html body input[type="date"]::-webkit-datetime-edit-fields-wrapper,
html body input[type="date"]::-webkit-datetime-edit-text,
html body input[type="date"]::-webkit-datetime-edit-day-field,
html body input[type="date"]::-webkit-datetime-edit-month-field,
html body input[type="date"]::-webkit-datetime-edit-year-field{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
.project-deadline-status input[type="date"],
.deadline-edit input[type="date"]{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:700!important;
}


/* Pewny widok terminu projektu — data jest osobnym tekstem nad polem */
.deadline-date-shell{
  position:relative!important;
  height:38px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:10px!important;
  background:rgba(0,0,0,.22)!important;
  overflow:hidden!important
}
.deadline-date-value{
  position:absolute!important;
  left:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:1!important;
  color:#fff!important;
  font:700 12px/1 'Montserrat',sans-serif!important;
  pointer-events:none!important;
  white-space:nowrap!important
}
.deadline-date-shell input[type="date"]{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
  z-index:2!important;
  padding:0!important;
  margin:0!important
}
.deadline-date-shell::after{
  content:""!important;
  position:absolute!important;
  right:11px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:15px!important;
  height:15px!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M7 2h2v2h6V2h2v2h2a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2V2Zm12 8H5v9h14v-9ZM5 8h14V6H5v2Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  opacity:.95!important;
  pointer-events:none!important;
  z-index:1!important
}


/* Infografika dni do zamknięcia projektu */
.project-card-controls{
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important
}
.project-card-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:auto!important
}
.project-close-info{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important
}
.project-close-badge{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.16)!important;
  color:#3b4145!important
}
.project-close-badge strong{
  font:800 15px/1 'Montserrat',sans-serif!important;
  color:#3b4145!important
}
.project-close-badge span{
  margin-top:3px!important;
  font:700 7.5px/1 'Montserrat',sans-serif!important;
  text-transform:uppercase!important;
  color:#5f666b!important
}
.project-close-copy{
  max-width:260px!important;
  color:#fff!important;
  font:600 10.5px/1.35 'Montserrat',sans-serif!important
}
.project-close-info.overdue .project-close-badge{
  background:#cf5148!important;
  border-color:#df7169!important
}
.project-close-info.overdue .project-close-badge strong,
.project-close-info.overdue .project-close-badge span{
  color:#fff!important
}
.project-close-info.overdue .project-close-copy{
  color:#ffbdb8!important
}
.project-close-info.today .project-close-badge{
  background:rgba(255,255,255,1)!important
}
.project-close-info.none .project-close-badge{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.14)!important
}
.project-close-info.none .project-close-badge strong,
.project-close-info.none .project-close-badge span{
  color:rgba(255,255,255,.58)!important
}
.project-close-info.none .project-close-copy{
  color:rgba(255,255,255,.52)!important
}

@media(max-width:760px){
  .project-card-controls{
    align-items:flex-start!important;
    flex-direction:column!important
  }
  .project-card-actions{
    margin-left:0!important;
    width:100%!important
  }
  .project-close-copy{
    max-width:none!important
  }
}


/* Wyrównanie infografiki terminu do osi treści projektu / zadań */
.project-close-info{
  margin-left:57px!important;
}
@media(max-width:640px){
  .project-close-info{margin-left:0!important}
}


/* Liczniki dni w rozwiniętym podglądzie projektu */
.project-preview-summary{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-bottom:14px!important;
  color:#fff!important;
  font:600 10.5px/1.3 'Montserrat',sans-serif!important
}
.project-preview-summary-badge{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.98)!important;
  color:#3b4145!important
}
.project-preview-summary-badge strong{
  color:#3b4145!important;
  font:800 12px/1 'Montserrat',sans-serif!important
}
.project-preview-summary-badge small{
  margin-top:2px!important;
  color:#60676b!important;
  font:700 6.5px/1 'Montserrat',sans-serif!important;
  text-transform:uppercase!important
}
.project-preview-summary.overdue .project-preview-summary-badge{
  background:#cf5148!important;
  border-color:#df7169!important
}
.project-preview-summary.overdue .project-preview-summary-badge strong,
.project-preview-summary.overdue .project-preview-summary-badge small{
  color:#fff!important
}
.project-preview-task{
  grid-template-columns:22px 34px minmax(0,1fr)!important
}
.project-preview-days{
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.98)!important;
  color:#3b4145!important
}
.project-preview-days strong{
  color:#3b4145!important;
  font:800 11px/1 'Montserrat',sans-serif!important
}
.project-preview-days small{
  margin-top:2px!important;
  color:#60676b!important;
  font:700 6px/1 'Montserrat',sans-serif!important;
  text-transform:uppercase!important
}
.project-preview-days.overdue{
  background:#cf5148!important;
  border-color:#df7169!important
}
.project-preview-days.overdue strong,
.project-preview-days.overdue small{
  color:#fff!important
}
.project-preview-days.none{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.13)!important
}
.project-preview-days.none strong,
.project-preview-days.none small{
  color:rgba(255,255,255,.58)!important
}
.project-preview-task em{
  display:block!important;
  margin-top:3px!important;
  color:rgba(255,255,255,.48)!important;
  font:600 8px/1.2 'Montserrat',sans-serif!important;
  font-style:normal!important
}


/* FIX podglądu projektu — czytelny układ bez ściskania */
.project-preview{
  min-width:0!important;
}
.project-preview-grid{
  grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr)!important;
  align-items:start!important;
  gap:28px!important
}
.project-preview-block{
  min-width:0!important;
  width:100%!important
}
.project-preview-task{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  padding:10px 0!important
}
.project-preview-task-copy{
  min-width:0!important;
  display:block!important
}
.project-preview-task-copy>strong{
  display:block!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  font:700 11.5px/1.35 'Montserrat',sans-serif!important
}
.project-preview-task-copy>small{
  display:block!important;
  margin-top:3px!important;
  white-space:normal!important
}
.project-preview-task-copy>em{
  display:block!important;
  margin-top:4px!important;
  color:rgba(255,255,255,.48)!important;
  font:600 8.5px/1.25 'Montserrat',sans-serif!important;
  font-style:normal!important;
  white-space:normal!important
}
.project-preview-days{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  align-self:center!important;
  justify-self:end!important
}
.project-preview-summary{
  display:none!important
}

/* Termin projektu w prawym podsumowaniu */
.project-preview-deadline-fact{
  align-items:center!important
}
.project-preview-deadline-value{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
  text-align:right!important
}
.project-preview-deadline-value i{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:9px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.98)!important;
  font-style:normal!important;
  color:#3b4145!important
}
.project-preview-deadline-value i b{
  color:#3b4145!important;
  font:800 11px/1 'Montserrat',sans-serif!important
}
.project-preview-deadline-value i small{
  margin-top:2px!important;
  color:#60676b!important;
  font:700 6px/1 'Montserrat',sans-serif!important;
  text-transform:uppercase!important
}
.project-preview-deadline-value>em{
  max-width:150px!important;
  color:#fff!important;
  font:600 9px/1.25 'Montserrat',sans-serif!important;
  font-style:normal!important;
  white-space:normal!important
}
.project-preview-deadline-value.overdue i{
  background:#cf5148!important;
  border-color:#df7169!important
}
.project-preview-deadline-value.overdue i b,
.project-preview-deadline-value.overdue i small{
  color:#fff!important
}
.project-preview-deadline-value.overdue>em{
  color:#ffbdb8!important
}

@media(max-width:980px){
  .project-preview-grid{
    grid-template-columns:1fr!important;
    gap:20px!important
  }
}


/* Tekst terminu projektu w rozwiniętym podglądzie — bez dodatkowej infografiki */
.project-preview-deadline-text{
  margin:0 0 14px!important;
  color:#fff!important;
  font:700 10.5px/1.3 'Montserrat',sans-serif!important
}
.project-preview-deadline-text.overdue{
  color:#ffbdb8!important
}
.project-preview-deadline-text.none{
  color:rgba(255,255,255,.50)!important
}


/* FINAL: wyrównanie prawego bloku intro do prawej krawędzi dashboardu */
.intro-row{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr)!important;
  column-gap:18px!important;
  align-items:start!important;
}
.intro-actions{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  column-gap:12px!important;
  align-items:start!important;
  justify-self:stretch!important;
  justify-content:stretch!important;
  min-width:0!important;
}
.intro-actions .date-box{
  margin:0!important;
  transform:none!important;
  justify-self:start!important;
}
.intro-project-actions{
  margin:0!important;
  padding:10px 0 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:7px!important;
}
.intro-add-project{
  margin:0!important;
  align-self:flex-end!important;
}
.stats-toggle-btn{
  align-self:flex-end!important;
  width:auto!important;
  min-width:0!important;
  height:27px!important;
  min-height:27px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:rgba(255,255,255,.66)!important;
  font:700 8.5px/1 'Montserrat',sans-serif!important;
  box-shadow:none!important;
  white-space:nowrap!important
}
.stats-toggle-btn svg{
  width:11px!important;
  height:11px!important;
  fill:currentColor!important;
  flex:0 0 11px!important
}
.stats-toggle-btn:hover{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important
}
.stats-grid.is-hidden{display:none!important}

@media(max-width:1100px){
  .intro-row{grid-template-columns:1fr!important}
  .intro-actions{grid-template-columns:minmax(0,1fr) auto!important}
}
@media(max-width:760px){
  .intro-actions{grid-template-columns:1fr!important;row-gap:12px!important}
  .intro-project-actions{padding-top:0!important;align-items:flex-start!important}
  .intro-add-project,.stats-toggle-btn{align-self:flex-start!important}
}


/* FINAL: data i akcje na wysokości nagłówka „Marketing PEREKO” */
@media(min-width:1101px){
  .intro-row{
    align-items:start!important;
  }
  .intro-actions{
    padding-top:28px!important;
    align-items:start!important;
  }
  .intro-project-actions{
    padding-top:0!important;
  }
}


/* FINAL: data od lewej krawędzi prawej kolumny i w jednej osi z „Nowy projekt” */
@media(min-width:1101px){
  .intro-row{
    grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr)!important;
    column-gap:18px!important;
    align-items:start!important;
  }
  .intro-actions{
    width:100%!important;
    padding-top:28px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:12px!important;
    align-items:center!important;
    justify-self:stretch!important;
  }
  .intro-actions .date-box{
    justify-self:start!important;
    align-self:center!important;
    margin:0!important;
    transform:none!important;
  }
  .intro-project-actions{
    padding:0!important;
    margin:0!important;
    align-self:center!important;
    align-items:flex-end!important;
    justify-content:center!important;
  }
  .intro-add-project{
    align-self:center!important;
    margin:0!important;
  }
}


/* FINAL: podniesienie daty do osi Marketing PEREKO / Nowy projekt */
@media(min-width:1101px){
  .intro-actions .date-box{
    transform:translateY(-16px)!important;
  }
}