/* Ciemna, jednolita wersja Centrum Projektów Marketingowych */
html,body{background:#060606!important;color:#f4f4f2!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 12% 18%,rgba(255,221,0,.045),transparent 28%),radial-gradient(circle at 88% 14%,rgba(255,255,255,.04),transparent 26%),radial-gradient(circle at 70% 78%,rgba(255,221,0,.025),transparent 24%),linear-gradient(180deg,#070707 0%,#0d0e10 100%)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px;opacity:.28}
.topbar-shell,.site-footer{background:#020202!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 12px 34px rgba(0,0,0,.36)!important}
.brand-copy strong,.footer-copy strong,.user-zone strong,.intro-row h1,.module-head h2,.stat-card strong,.project h4,.deadline h5,.person strong,.date-copy strong{color:#fff!important}
.brand-copy span,.footer-copy span,.user-zone span,.intro-row p,.project p,.deadline p,.person span,.stat-card span,.stat-card small,.task-calendar-item small,.date-copy span,.date-weekday,.module-label,.section-kicker{color:rgba(255,255,255,.68)!important}
.page-shell{max-width:1440px!important;padding-bottom:56px!important}

/* Glass */
.stat-card,.module,.project,.task-add-form,.task-history-panel,.pd-card,.assistant-panel,.modal-card,.footer-sync-btn,.footer-status-btn,.task-calendar-item,.task-history-event,.deadline,.person,.date-box{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important
}
.module,.stat-card,.project,.assistant-panel,.modal-card,.pd-card,.date-box{border-radius:18px!important}
.module-head{border-bottom:1px solid rgba(255,255,255,.08)!important}
.project-list{background:transparent!important;padding:16px 0 0!important;gap:16px!important}
.project{grid-template-columns:minmax(0,1fr) 170px 140px!important;gap:18px!important;align-items:center!important;padding:22px!important}
.project:hover,.stat-card:hover,.module:hover{border-color:rgba(255,255,255,.18)!important;box-shadow:0 22px 54px rgba(0,0,0,.30)!important;background:rgba(255,255,255,.075)!important}

/* KPI bez żółtych pionowych elementów */
.stat-card::before{display:none!important}
.stats-grid{gap:14px!important;align-items:stretch!important}
.stat-card{padding:22px 20px 19px!important;overflow:hidden!important}
.stat-card span{display:block!important;margin-bottom:4px!important}
.stat-card strong{line-height:1.05!important;margin:0 0 6px!important}

/* Data + nowy projekt */
.intro-row{align-items:center!important;gap:28px!important;margin-bottom:24px!important}
.intro-actions{display:flex!important;align-items:center!important;gap:14px!important;justify-content:flex-end!important}
.date-box{min-width:280px!important;max-width:340px!important;grid-template-columns:72px 1fr!important;gap:16px!important;align-items:center!important;padding:14px 16px!important;text-align:left!important}
.date-daynum{width:72px!important;height:72px!important;border-radius:16px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important}
.date-copy{min-width:0!important}
.date-copy .date-weekday,.date-copy strong,.date-copy span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.date-copy .date-weekday{color:rgba(255,255,255,.62)!important}
.date-copy strong{font-size:16px!important}
.intro-add-project{height:44px!important;padding:0 16px!important;border-radius:11px!important;background:#ffdd00!important;color:#111!important;border:1px solid rgba(255,221,0,.34)!important;box-shadow:0 10px 24px rgba(255,221,0,.12)!important;font:700 11.5px/1 'Montserrat',sans-serif!important;white-space:nowrap!important}
.intro-add-project:hover{background:#ffe44d!important;box-shadow:0 12px 28px rgba(255,221,0,.22)!important}

/* Żółty tylko przyciski / progress / aktywne */
.top-button,.btn.primary,.assistant-input-row button,.footer-sync-btn,.project-open-btn,.task-glass-btn.active,.pd-accent-btn{background:#ffdd00!important;color:#111!important;border:1px solid rgba(255,221,0,.28)!important;box-shadow:0 10px 24px rgba(255,221,0,.12)!important}
.top-button:hover,.btn.primary:hover,.assistant-input-row button:hover,.footer-sync-btn:hover,.project-open-btn:hover,.pd-accent-btn:hover{background:#ffe44d!important;color:#111!important;border-color:rgba(255,221,0,.45)!important}
.filter,.btn.secondary,.project-delete-btn,.footer-status-btn,.task-glass-btn,.pd-glass-btn,.assistant-suggestions button{background:rgba(255,255,255,.055)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important}
.filter.active{background:rgba(255,221,0,.14)!important;color:#fff!important;border-color:rgba(255,221,0,.38)!important}
.project-delete-btn:hover,.filter:hover,.btn.secondary:hover,.task-glass-btn:hover,.pd-glass-btn:hover,.assistant-suggestions button:hover,.footer-status-btn:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
.progress{background:rgba(255,255,255,.10)!important}
.progress>span{background:#ffdd00!important}
.progress-wrap small{color:rgba(255,255,255,.72)!important}
.status.work,.status.plan,.status.done{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}

/* pola */
.deadline-edit input,.field input,.field select,.field textarea,.assistant-input-row textarea,.task-add-form input,.pd-field input,.pd-field select,.pd-field textarea,.pd-task-form input,.pd-task-form select,.pd-comment-form textarea,.pd-member-add select{background:rgba(0,0,0,.22)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important}
.deadline-edit input::placeholder,.field input::placeholder,.field textarea::placeholder,.assistant-input-row textarea::placeholder,.task-add-form input::placeholder,.pd-comment-form textarea::placeholder{color:rgba(255,255,255,.42)!important}
.field label,.pd-field>span{color:rgba(255,255,255,.74)!important}

/* białe ikony */
.avatar{background:rgba(255,255,255,.075)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
.project-topic-icon{background:rgba(255,255,255,.075)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important}
.project-topic-icon svg{fill:currentColor!important}
.task input,.pd-task-check input{accent-color:#ffdd00!important}

/* sidebar */
.tasks,.deadlines,.team-grid{padding:14px 16px 16px!important}
.task,.deadline,.person,.task-calendar-item,.task-history-event{border-bottom-color:rgba(255,255,255,.08)!important}
.dashboard-grid{grid-template-columns:minmax(0,1.52fr) minmax(340px,.78fr)!important;gap:18px!important}

/* assistant / modal / detail */
.assistant-panel,.modal-card,.pd-card,.project-detail-shell{color:#fff!important}
.assistant-msg.bot,.assistant-msg.user{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important}
.assistant-msg strong{color:#fff!important}
.assistant-note,.assistant-eyebrow{color:rgba(255,255,255,.62)!important}

/* footer */
.site-footer{margin-top:20px!important}
.footer-sync-btn,.footer-status-btn{height:42px!important;border-radius:12px!important}
.footer-status-btn[data-state="ok"]{background:rgba(255,221,0,.14)!important;border-color:rgba(255,221,0,.34)!important;color:#fff!important}
.footer-status-btn[data-state="saving"]{background:rgba(255,255,255,.08)!important}
.footer-status-btn[data-state="error"]{background:rgba(255,120,120,.12)!important;border-color:rgba(255,120,120,.30)!important}
.footer-status-dot{background:#fff!important}
.footer-status-btn[data-state="ok"] .footer-status-dot{background:#ffdd00!important}
.footer-status-btn[data-state="error"] .footer-status-dot{background:#ff8b8b!important}

@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr!important}.intro-row{align-items:flex-start!important}.intro-actions{width:100%!important}.date-box{max-width:none!important;flex:1!important}}
@media(max-width:760px){.stats-grid{grid-template-columns:1fr 1fr!important}.intro-row{align-items:stretch!important}.intro-actions{flex-direction:column!important;align-items:stretch!important}.date-box{width:100%!important}.intro-add-project{width:100%!important}}
@media(max-width:620px){.stats-grid{grid-template-columns:1fr!important}.project{grid-template-columns:1fr!important}.date-daynum{width:64px!important;height:64px!important}.date-box{grid-template-columns:64px 1fr!important}}


/* =========================================================
   Elegance pass — mleczne szkło, czystsze marginesy, mniej tabel
   ========================================================= */

/* bardziej eleganckie mleczne szkło */
.stat-card,.module,.project,.pd-card,.assistant-panel,.modal-card{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.105)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 48px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(22px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(115%)!important
}
.stat-card:hover,.module:hover,.project:hover{
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;
  border-color:rgba(255,255,255,.16)!important
}

/* przyciski: mleczne, transparentne zamiast pełnego koloru */
.intro-add-project,.top-button,.btn.primary,.btn.secondary,.filter,.project-open-btn,.project-delete-btn,.task-glass-btn,.task-save-btn,.pd-accent-btn,.pd-glass-btn,.assistant-suggestions button,.assistant-input-row button,.footer-sync-btn,.footer-status-btn{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.065))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 20px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important
}
.intro-add-project:hover,.top-button:hover,.btn.primary:hover,.btn.secondary:hover,.filter:hover,.project-open-btn:hover,.project-delete-btn:hover,.task-glass-btn:hover,.task-save-btn:hover,.pd-accent-btn:hover,.pd-glass-btn:hover,.assistant-suggestions button:hover,.assistant-input-row button:hover,.footer-sync-btn:hover,.footer-status-btn:hover{
  background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.09))!important;
  border-color:rgba(255,255,255,.25)!important;
  color:#fff!important
}
.filter.active,.task-glass-btn.active{
  background:linear-gradient(145deg,rgba(255,221,0,.19),rgba(255,221,0,.08))!important;
  border-color:rgba(255,221,0,.34)!important;
  color:#fff!important
}
.intro-add-project span{color:#ffdd00!important}

/* projekty: wewnętrzny oddech, nic nie styka się z krawędzią modułu */
.projects-module{overflow:hidden!important}
.projects-module .module-head{padding:20px 22px 18px!important}
.projects-module .project-list{
  padding:18px!important;
  gap:16px!important;
  background:transparent!important
}
.projects-module .project{
  margin:0!important;
  border-radius:16px!important
}

/* Zadania — całkowicie ciemne, bez białej belki i bez tabelarycznego wyglądu */
.task-calendar-module,.task-calendar-module .module-head,.task-calendar-module .tasks,.task-closed-wrap,.task-history-panel{
  background:transparent!important
}
.task-date-nav{
  background:rgba(255,255,255,.035)!important;
  border-top:1px solid rgba(255,255,255,.05)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important
}
.task-nav-arrow{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important
}
.task-nav-arrow:hover{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.20)!important}
.task-date-main{color:#fff!important}
.task-date-main span{color:#fff!important}
.task-date-main small{color:rgba(255,255,255,.56)!important}
.task-add-form{
  background:rgba(255,255,255,.025)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  box-shadow:none!important
}
.task-calendar-module .tasks{padding:12px 18px 10px!important}
.task-calendar-item{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:12px 0!important
}
.task-calendar-item:last-child{border-bottom:0!important}
.task-calendar-item strong{color:#fff!important}
.task-calendar-item small{color:rgba(255,255,255,.58)!important}
.task-day-empty{color:rgba(255,255,255,.55)!important}
.task-closed-head{border-top:1px solid rgba(255,255,255,.07)!important}
.task-closed-head span,.task-history-head span{color:rgba(255,255,255,.64)!important}
.task-closed-head strong{background:rgba(255,255,255,.08)!important;color:#fff!important}
.task-history-panel{border-top:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important}
.task-history-head{border-bottom:1px solid rgba(255,255,255,.07)!important}
.task-history-head small{color:rgba(255,255,255,.52)!important}
.task-history-event{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}
.task-history-event strong{color:#fff!important}
.task-history-event span{color:rgba(255,255,255,.68)!important}
.task-history-event small{color:rgba(255,255,255,.48)!important}

/* Najbliższe terminy — lista, nie tabela */
.deadlines{padding:10px 18px 16px!important}
.deadline{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:13px 0!important;
  gap:14px!important
}
.deadline:last-child{border-bottom:0!important}
.deadline h5{color:#fff!important;margin-top:0!important}
.deadline p{color:rgba(255,255,255,.62)!important}
.datebox{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:1px 0!important;
  text-align:left!important
}
.datebox b{color:#fff!important;font-size:18px!important}
.datebox span{color:rgba(255,255,255,.52)!important}

/* Współpracownicy też jako lekka lista */
.person{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}
.person:last-child{border-bottom:0!important}
.person strong{color:#fff!important}
.person span{color:rgba(255,255,255,.58)!important}

/* Górna data bez boxa — ma siedzieć naturalnie na czarnym tle */
.date-box{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  min-width:230px!important;
  max-width:280px!important;
  grid-template-columns:62px 1fr!important;
  gap:14px!important
}
.date-daynum{
  width:62px!important;
  height:62px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:42px!important;
  justify-items:start!important;
  place-items:center start!important
}
.date-copy .date-weekday{color:rgba(255,255,255,.46)!important}
.date-copy strong{color:#fff!important;font-size:16px!important}
.date-copy span{color:rgba(255,255,255,.52)!important}

/* czytelność ikon */
.project-topic-icon{
  background:rgba(255,255,255,.085)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important
}

/* bardziej miękkie separatory modułów */
.module-head{border-bottom:1px solid rgba(255,255,255,.065)!important}
.module-label,.section-kicker{color:rgba(255,255,255,.50)!important}

@media(max-width:760px){
  .projects-module .project-list{padding:12px!important}
  .date-box{min-width:0!important;max-width:none!important;width:100%!important}
}


/* =========================================================
   Korekty 18.09 + biały kalendarz + ciemne wnętrze projektu
   ========================================================= */

/* Górna data — większa 18, bliżej bloku tekstowego i równe odstępy */
.date-box{
  grid-template-columns:72px 1fr!important;
  gap:8px!important;
  min-width:220px!important;
  max-width:250px!important;
  align-items:center!important
}
.date-daynum{
  width:72px!important;
  height:64px!important;
  font-size:50px!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0!important
}
.date-copy{
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  row-gap:4px!important;
  align-content:center!important
}
.date-copy .date-weekday,
.date-copy strong,
.date-copy span{
  margin:0!important;
  line-height:1.08!important
}
.date-copy .date-weekday{
  font-size:10px!important
}
.date-copy strong{
  font-size:16px!important
}
.date-copy span{
  transform:translateY(-1px)!important;
  font-size:12px!important
}

/* Biała ikona kalendarza w polach daty */
input[type="date"]{
  color-scheme:dark!important
}

input[type="date"]::-webkit-datetime-edit,
input[type="date"]::-webkit-datetime-edit-fields-wrapper,
input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field{
  color:#fff!important
}

/* WNĘTRZE PROJEKTU — pełny dark glass zgodny ze stroną główną */
.project-detail-modal{
  background:rgba(0,0,0,.74)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important
}
.project-detail-card{
  background:linear-gradient(180deg,#08090a 0%,#0d0f10 100%)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 38px 120px rgba(0,0,0,.58)!important;
  color:#fff!important
}
.project-detail-top{
  background:rgba(3,3,3,.94)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important
}
.project-detail-kicker{
  color:rgba(255,255,255,.50)!important
}
.project-detail-top h2{
  color:#fff!important
}
.project-detail-top p{
  color:rgba(255,255,255,.60)!important
}
.pd-icon-btn{
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important
}
.pd-icon-btn:hover{
  background:rgba(255,255,255,.13)!important;
  border-color:rgba(255,255,255,.24)!important
}
.project-detail-grid{
  background:transparent!important
}
.pd-card{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 42px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  color:#fff!important
}
.pd-card-head{
  border-bottom:1px solid rgba(255,255,255,.07)!important
}
.pd-card-head span{
  color:rgba(255,255,255,.50)!important
}
.pd-card-head h3{
  color:#fff!important
}
.pd-form-grid,.pd-task-list,.pd-comments,.pd-members,.pd-summary{
  background:transparent!important
}
.pd-field>span{
  color:rgba(255,255,255,.68)!important
}
.pd-field input,
.pd-field select,
.pd-field textarea,
.pd-task-form input,
.pd-task-form select,
.pd-comment-form textarea,
.pd-member-add select{
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important
}
.pd-field input:focus,
.pd-field select:focus,
.pd-field textarea:focus,
.pd-task-form input:focus,
.pd-task-form select:focus,
.pd-comment-form textarea:focus,
.pd-member-add select:focus{
  border-color:rgba(255,255,255,.25)!important;
  outline:none!important
}
.pd-progress-control strong{
  color:#fff!important
}
.pd-task-form,
.pd-comment-form,
.pd-member-add{
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(255,255,255,.07)!important
}
.pd-task{
  border-bottom:1px solid rgba(255,255,255,.065)!important
}
.pd-task strong{
  color:#fff!important
}
.pd-task small{
  color:rgba(255,255,255,.56)!important
}
.pd-task.done strong{
  color:rgba(255,255,255,.42)!important
}
.pd-task input{
  accent-color:#ffdd00!important
}
.pd-task>button,.pd-member>button{
  color:rgba(255,255,255,.48)!important
}
.pd-task>button:hover,.pd-member>button:hover{
  color:#fff!important
}
.pd-comment{
  border-bottom:1px solid rgba(255,255,255,.065)!important
}
.pd-comment-avatar,.pd-avatar{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.11)!important
}
.pd-comment-meta strong{
  color:#fff!important
}
.pd-comment-meta span{
  color:rgba(255,255,255,.46)!important
}
.pd-comment p{
  color:rgba(255,255,255,.72)!important
}
.pd-member{
  border-bottom:1px solid rgba(255,255,255,.065)!important
}
.pd-member strong{
  color:#fff!important
}
.pd-member span{
  color:rgba(255,255,255,.54)!important
}
.pd-summary-row{
  border-bottom:1px solid rgba(255,255,255,.065)!important
}
.pd-summary-row span{
  color:rgba(255,255,255,.58)!important
}
.pd-summary-row strong{
  color:#fff!important
}
.pd-empty{
  color:rgba(255,255,255,.50)!important
}
.pd-glass-btn,.pd-accent-btn{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.06))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important
}
.pd-glass-btn:hover,.pd-accent-btn:hover{
  background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.09))!important;
  border-color:rgba(255,255,255,.25)!important;
  color:#fff!important
}
.pd-progress-control input[type="range"]{
  accent-color:#ffdd00!important
}


/* =========================================================
   Precyzyjne korekty: selektor dat, data główna, boxy terminów
   ========================================================= */

/* 1. GLOBALNIE: każdy natywny selektor daty ma biały symbol kalendarza */
html body input[type="date"]{
  color-scheme:dark!important;
  -webkit-appearance:auto!important;
  appearance:auto!important
}
html body 
html body input[type="date"]::-webkit-inner-spin-button,
html body input[type="date"]::-webkit-clear-button{
  filter:invert(1)!important
}
/* także w formularzu projektu, zadaniach i wnętrzu projektu */
.task-add-form input[type="date"]::-webkit-calendar-picker-indicator,
.deadline-edit input[type="date"]::-webkit-calendar-picker-indicator,
.field input[type="date"]::-webkit-calendar-picker-indicator,
.pd-field input[type="date"]::-webkit-calendar-picker-indicator,
.pd-task-form 

/* 2. Data główna: 18 bardziej w prawo, większa i optycznie spięta z Piątek / wrzesień / 2026 */
.date-box{
  grid-template-columns:78px 1fr!important;
  column-gap:3px!important;
  min-width:214px!important;
  max-width:236px!important;
  overflow:visible!important
}
.date-daynum{
  width:78px!important;
  height:68px!important;
  font-size:54px!important;
  line-height:.92!important;
  letter-spacing:-.06em!important;
  padding-left:14px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  transform:translateY(1px)!important
}
.date-copy{
  row-gap:3px!important;
  align-content:center!important;
  justify-items:start!important
}
.date-copy .date-weekday{
  line-height:1!important
}
.date-copy strong{
  line-height:1.05!important
}
.date-copy span{
  line-height:1!important;
  transform:none!important;
  margin-top:0!important
}

/* 3. Najbliższe terminy: jasny box daty, ciemnoszary tekst */
.deadline{
  grid-template-columns:58px 1fr!important;
  align-items:center!important;
  gap:14px!important
}
.deadline .datebox{
  width:54px!important;
  min-width:54px!important;
  height:54px!important;
  padding:7px 5px!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,.92)!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.16)!important;
  text-align:center!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}
.deadline .datebox b{
  color:#3b4145!important;
  font-size:18px!important;
  line-height:1!important;
  margin:0!important
}
.deadline .datebox span{
  color:#5f666b!important;
  font:700 9px/1.1 'Montserrat',sans-serif!important;
  text-transform:uppercase!important;
  margin-top:4px!important
}
.deadline h5{color:#fff!important}
.deadline p{color:rgba(255,255,255,.62)!important}

@media(max-width:760px){
  .date-daynum{padding-left:8px!important;font-size:48px!important}
  .date-box{grid-template-columns:70px 1fr!important;max-width:none!important}
}


/* Wyrównanie daty do lewej krawędzi karty „Średni postęp” */
.intro-row{
  display:grid!important;
  grid-template-columns:3fr 1fr!important;
  column-gap:14px!important;
  align-items:center!important
}
.intro-actions{
  justify-self:stretch!important;
  justify-content:flex-start!important;
  gap:12px!important;
  min-width:0!important
}
.date-box{
  margin-left:0!important;
  transform:translateX(10px)!important;
}
@media(max-width:1100px){
  .intro-row{grid-template-columns:1fr!important}
  .date-box{transform:none!important}
}


/* Ujednolicenie boksów dat w „Najbliższe terminy” do rozmiaru ikon projektów: 44x44 */
.deadline{
  grid-template-columns:44px 1fr!important;
  gap:12px!important
}
.deadline .datebox{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:4px!important;
  border-radius:12px!important;
  box-sizing:border-box!important
}
.deadline .datebox b{
  font-size:15px!important;
  line-height:1!important
}
.deadline .datebox span{
  font-size:7.5px!important;
  line-height:1!important;
  margin-top:3px!important
}


/* Dokładnie ten sam format 44x44 co ikony projektów i zespołu */
.deadline{
  grid-template-columns:44px 1fr!important;
  align-items:center!important;
}
.deadline .datebox{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  flex:0 0 44px!important;
  aspect-ratio:1/1!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
}