/* RozdzielnicaPRO.pl v0.7.17.6 — katalog 300 zadań
 * Wyłącznie okno katalogu; geometria rozdzielnic pozostaje bez zmian. */
html[data-theme="dark"] .task-modal{
  background:#030a13e8!important;
  backdrop-filter:blur(7px)!important;
  padding:clamp(7px,2vw,24px)!important;
}
html[data-theme="dark"] .task-modal .task-window{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  width:min(1250px,100%)!important;
  max-width:calc(100vw - 14px)!important;
  max-height:calc(100dvh - 20px)!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#102136!important;
  border:1px solid #4b7392!important;
  border-radius:15px!important;
  box-shadow:0 30px 85px #000b,inset 0 1px #ffffff14!important;
}
html[data-theme="dark"] .task-modal .task-window-head{
  flex:0 0 auto!important;
  align-items:center!important;
  gap:16px!important;
  padding:17px clamp(14px,2vw,26px)!important;
  background:linear-gradient(115deg,#23425e,#152b42)!important;
  border-bottom:1px solid #466780!important;
}
html[data-theme="dark"] .task-modal .task-window-head>div{min-width:0!important}
html[data-theme="dark"] .task-modal .task-window-head .task-kicker{
  display:block!important;
  color:#84cbff!important;
  font:800 10px/1.35 Inter,"Segoe UI",sans-serif!important;
  letter-spacing:1px!important;
  margin:0 0 4px!important;
}
html[data-theme="dark"] .task-modal .task-window-head h2{
  color:#f5faff!important;
  font:800 clamp(19px,2vw,25px)/1.25 Inter,"Segoe UI",sans-serif!important;
  margin:0!important;
}
html[data-theme="dark"] .task-modal .task-window-head p{
  margin:6px 0 0!important;
  color:#c6d8e9!important;
  font:400 11px/1.5 Inter,"Segoe UI",sans-serif!important;
}
html[data-theme="dark"] .task-modal #closeTasks{
  flex:0 0 38px!important;
  width:38px!important;height:38px!important;
  border:1px solid #557797!important;
  border-radius:9px!important;
  background:#163249!important;
  color:#eff7ff!important;
  font:bold 24px/1 Arial,sans-serif!important;
}
html[data-theme="dark"] .task-modal #closeTasks:hover{background:#2d5878!important}
html[data-theme="dark"] .task-modal :is(button,input,select):focus-visible{
  outline:2px solid #83caff!important;
  outline-offset:2px!important;
}
html[data-theme="dark"] .task-overview{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(210px,1fr) minmax(330px,1.15fr)!important;
  gap:12px 20px!important;
  align-items:center!important;
  padding:15px clamp(13px,2vw,25px) 13px!important;
  border-bottom:1px solid #354f68!important;
  background:linear-gradient(90deg,#1a344a,#132a3e)!important;
}
html[data-theme="dark"] .task-overview-copy{
  display:flex;flex-direction:column;gap:4px;min-width:0;
}
html[data-theme="dark"] .task-overview-kicker{
  color:#8bccff;font:800 9px/1.4 Inter,"Segoe UI",sans-serif;
  letter-spacing:.7px;
}
html[data-theme="dark"] .task-overview-title{
  color:#eff7ff;font:800 16px/1.35 Inter,"Segoe UI",sans-serif;
}
html[data-theme="dark"] .task-overview-caption{
  color:#a9c5db;font:500 10px/1.5 Inter,"Segoe UI",sans-serif;
}
html[data-theme="dark"] .task-overview-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
}
html[data-theme="dark"] .task-overview-metric{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;min-width:0;min-height:60px;
  padding:8px 6px;border:1px solid #405f7a;
  border-radius:8px;background:#102638;text-align:center;
}
html[data-theme="dark"] .task-overview-metric>span{
  color:#a9c5d7;font:800 9px/1.3 Inter,"Segoe UI",sans-serif;
}
html[data-theme="dark"] .task-overview-metric>b{
  color:#8ed4ff;font:800 17px/1.3 Inter,"Segoe UI",sans-serif;
  overflow-wrap:anywhere;
}
html[data-theme="dark"] .task-overview-bar{
  box-sizing:border-box;grid-column:1/-1;
  width:100%;height:7px;border-radius:20px;
  border:1px solid #39617b;background:#0c1e30;overflow:hidden;
}
html[data-theme="dark"] .task-overview-fill{
  height:100%;width:0;
  background:linear-gradient(90deg,#2f8de5,#4bdc9f);
  border-radius:20px;transition:width .2s ease;
}
html[data-theme="dark"] .task-modal .task-catalog-tabs{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
  padding:12px clamp(13px,2vw,25px) 7px!important;
  background:#152a3e!important;
}
html[data-theme="dark"] .task-modal .task-catalog-tabs button{
  min-width:0!important;min-height:39px!important;
  padding:8px 6px!important;
  border:1px solid #45627c!important;
  border-radius:8px!important;
  background:#1a364f!important;
  color:#bfd8eb!important;
  font:800 10px/1.3 Inter,"Segoe UI",sans-serif!important;
  overflow-wrap:anywhere;
  cursor:pointer;
}
html[data-theme="dark"] .task-modal .task-catalog-tabs button:hover{
  background:#275473!important;border-color:#68b3f1!important;
}
html[data-theme="dark"] .task-modal .task-catalog-tabs button[aria-pressed="true"]{
  background:#175e98!important;
  color:#fff!important;border-color:#75c3ff!important;
  box-shadow:inset 0 1px #ffffff18!important;
}
html[data-theme="dark"] .task-modal .task-filter-toolbar{
  box-sizing:border-box;
  display:grid!important;
  grid-template-columns:minmax(205px,1.5fr) repeat(3,minmax(132px,1fr)) auto!important;
  align-items:end!important;
  gap:9px!important;
  padding:9px clamp(13px,2vw,25px) 12px!important;
  background:#152a3e!important;
  border-bottom:1px solid #375570!important;
}
html[data-theme="dark"] .task-filter-field{
  display:flex;flex-direction:column;gap:5px;min-width:0;
}
html[data-theme="dark"] .task-filter-label{
  color:#a9c7db;
  font:800 9px/1.3 Inter,"Segoe UI",sans-serif;
  letter-spacing:.4px;
}
html[data-theme="dark"] .task-filter-toolbar :is(input,select){
  box-sizing:border-box!important;width:100%!important;height:40px!important;
  min-width:0!important;padding:8px 10px!important;
  border:1px solid #4a6e8b!important;
  border-radius:7px!important;
  background:#0b2134!important;color:#edf8ff!important;
  font:600 11px/1.3 Inter,"Segoe UI",sans-serif!important;
  outline:none;
}
html[data-theme="dark"] .task-filter-toolbar input::placeholder{color:#86a6be}
html[data-theme="dark"] .task-filter-toolbar .task-clear-filters{
  min-width:0!important;height:40px!important;padding:8px 10px!important;
  white-space:nowrap;
  border:1px solid #4a7694!important;
  border-radius:7px!important;
  background:#203d57!important;color:#e0f0fc!important;
  font:800 9px/1.3 Inter,"Segoe UI",sans-serif!important;
}
html[data-theme="dark"] .task-filter-toolbar .task-clear-filters:hover{background:#2b5a7d!important}
html[data-theme="dark"] .task-results-row{
  flex:0 0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:9px;
  padding:11px clamp(13px,2vw,25px)!important;
  background:#102337;
}
html[data-theme="dark"] .task-results-row strong{
  color:#eaf6ff;font:800 10px/1.3 Inter,"Segoe UI",sans-serif;letter-spacing:.5px;
}
html[data-theme="dark"] .task-results-row .task-search-counter{
  color:#a9cce6;font:800 11px/1.3 Inter,"Segoe UI",sans-serif;
}
html[data-theme="dark"] .task-modal .task-cards{
  flex:1 1 auto!important;min-height:80px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-content:start!important;gap:12px!important;
  box-sizing:border-box;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:10px clamp(13px,2vw,25px) 18px!important;
  scrollbar-color:#4f799b #10273a;scrollbar-width:thin;
  background:radial-gradient(ellipse at top,#1b395049,#0d1d30 70%);
}
html[data-theme="dark"] .task-modal .task-cards>.task-card{
  box-sizing:border-box!important;
  position:relative;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:7px!important;
  height:auto!important;min-height:218px!important;
  min-width:0!important;width:100%!important;
  padding:13px!important;
  color:#eaf6ff!important;
  text-align:left!important;
  border:1px solid #446781!important;
  border-left:4px solid #5aa7f2!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#203950,#14293d)!important;
  box-shadow:0 5px 12px #0003!important;
  overflow:visible!important;
  transition:border-color .15s,background .15s!important;
}
html[data-theme="dark"] .task-modal .task-cards>.task-card:hover{
  transform:none!important;
  border-color:#6fbdff!important;
  background:linear-gradient(145deg,#28506d,#1b3851)!important;
  box-shadow:0 8px 17px #0006!important;
}
html[data-theme="dark"] .task-modal .task-cards>.task-card.rows-2{border-left-color:#d4b36d!important}
html[data-theme="dark"] .task-modal .task-cards>.task-card.rows-3{border-left-color:#c69cf2!important}
html[data-theme="dark"] .task-modal .task-cards>.task-card.rows-5{border-left-color:#57d8b0!important}
html[data-theme="dark"] .task-modal .task-cards>.task-card.selected-task{
  outline:2px solid #51aefe!important;
  outline-offset:0!important;
}
html[data-theme="dark"] .task-modal .task-cards>.task-card.task-completed{
  border-color:#46a779!important;
  border-left-color:#40d99c!important;
}
html[data-theme="dark"] .task-modal .task-cards>.task-card.task-completed:after{
  top:10px!important;right:10px!important;
}
html[data-theme="dark"] .task-modal .task-card-top{
  display:flex!important;align-items:center;justify-content:space-between!important;gap:7px!important;
  padding-right:10px!important;
}
html[data-theme="dark"] .task-modal .task-card-top b{
  color:#7fc9ff!important;
  font:800 22px/1.2 Inter,"Segoe UI",sans-serif!important;
}
html[data-theme="dark"] .task-modal .task-card-top span{
  max-width:calc(100% - 64px);
  padding:5px 9px!important;
  border:1px solid #587c98!important;
  border-radius:6px!important;
  color:#c9e6fb!important;
  background:#102f48!important;
  font:800 9px/1.2 Inter,"Segoe UI",sans-serif!important;
}
html[data-theme="dark"] .task-modal .task-cards>.task-card>strong{
  display:block!important;min-height:0!important;
  margin:0!important;
  color:#f4f9ff!important;
  font:800 14px/1.45 Inter,"Segoe UI",sans-serif!important;
  overflow-wrap:anywhere;
}
html[data-theme="dark"] .task-modal .task-card-section{
  color:#90c5e8;font:800 9px/1.3 Inter,"Segoe UI",sans-serif;
  letter-spacing:.4px;
}
html[data-theme="dark"] .task-modal .task-card-meta{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;margin:0!important;
}
html[data-theme="dark"] .task-modal .task-card-meta span{
  box-sizing:border-box;min-width:0!important;
  padding:7px 4px!important;
  border:1px solid #365672!important;
  border-radius:6px!important;
  color:#c0d7eb!important;background:#10293d!important;
  text-align:center!important;
  font:800 9px/1.3 Inter,"Segoe UI",sans-serif!important;
}
html[data-theme="dark"] .task-modal .task-cards>.task-card>small{
  display:block!important;min-height:0!important;
  margin:0!important;
  color:#b4cadc!important;
  font:500 10px/1.5 Inter,"Segoe UI",sans-serif!important;
  overflow-wrap:anywhere;
}
html[data-theme="dark"] .task-modal .task-cards>.task-card .task-save-state{
  position:static!important;
  display:block!important;
  margin-top:auto!important;
  padding:7px 0 0!important;
  color:#b6c9d8!important;
  font:800 10px/1.4 Inter,"Segoe UI",sans-serif!important;
}
html[data-theme="dark"] .task-modal .task-cards>.task-card.task-completed .task-save-state{
  color:#8ae3b4!important;
}
html[data-theme="dark"] .task-modal .task-cards>.task-card>em{
  display:block!important;
  position:static!important;
  margin:0!important;padding:8px 0 0!important;
  border-top:1px solid #365670!important;
  color:#8ed3ff!important;
  font:800 10px/1.4 Inter,"Segoe UI",sans-serif!important;
  font-style:normal!important;
}
html[data-theme="dark"] .task-modal .task-cards>.task-card.task-completed>em{color:#86e4b4!important}
html[data-theme="dark"] .task-catalog-empty{
  grid-column:1/-1;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:8px;min-height:165px;
  padding:25px;border:1px dashed #537997;border-radius:12px;
  text-align:center;background:#122a40;
}
html[data-theme="dark"] .task-catalog-empty strong{color:#eef8ff;font:800 16px Inter,"Segoe UI",sans-serif}
html[data-theme="dark"] .task-catalog-empty p,
html[data-theme="dark"] .task-catalog-empty small{
  margin:0;color:#afcadd;font:500 11px/1.6 Inter,"Segoe UI",sans-serif;
}
html[data-theme="dark"] .task-modal .task-pagination{
  flex:0 0 auto;min-height:50px;
  display:flex;align-items:center;justify-content:space-between;
  gap:9px;padding:9px clamp(13px,2vw,25px)!important;
  border-top:1px solid #3a5870;background:#13293d!important;
}
html[data-theme="dark"] .task-modal .task-pagination button{
  min-width:132px;min-height:36px;
  border:1px solid #50799a;border-radius:7px;
  background:#204766;color:#e6f5ff;
  font:800 10px/1.3 Inter,"Segoe UI",sans-serif;
}
html[data-theme="dark"] .task-modal .task-pagination button:not(:disabled):hover{
  background:#2b658d;border-color:#75bfff;
}
html[data-theme="dark"] .task-modal .task-pagination button:disabled{
  cursor:not-allowed;opacity:.4;
}
html[data-theme="dark"] .task-modal .task-pagination span{
  color:#d0e4f5;font:700 11px/1.35 Inter,"Segoe UI",sans-serif;
  text-align:center;
}
@media(max-width:1000px){
  html[data-theme="dark"] .task-modal .task-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html[data-theme="dark"] .task-filter-toolbar{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html[data-theme="dark"] .task-filter-toolbar .task-filter-field:first-child{
    grid-column:1/-1;
  }
  html[data-theme="dark"] .task-filter-toolbar .task-clear-filters{
    grid-column:1/-1;
  }
}
@media(max-width:650px){
  html[data-theme="dark"] .task-modal .task-window{
    max-width:calc(100vw - 10px)!important;
    max-height:calc(100dvh - 10px)!important;
    border-radius:10px!important;
  }
  html[data-theme="dark"] .task-modal .task-window-head{padding:13px!important}
  html[data-theme="dark"] .task-modal .task-overview{
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;padding:12px!important;
  }
  html[data-theme="dark"] .task-modal .task-overview-title{font-size:13px!important}
  html[data-theme="dark"] .task-modal .task-overview-caption{display:none!important}
  html[data-theme="dark"] .task-modal .task-overview-metric{min-height:46px!important}
  html[data-theme="dark"] .task-modal .task-overview-metric>b{font-size:13px!important}
  html[data-theme="dark"] .task-modal .task-catalog-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;padding:8px 12px!important;
  }
  html[data-theme="dark"] .task-modal .task-catalog-tabs button{
    min-height:31px!important;padding:6px!important;font-size:9px!important;
  }
  html[data-theme="dark"] .task-modal .task-filter-toolbar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;padding:8px 12px!important;
  }
  html[data-theme="dark"] .task-modal .task-filter-field:first-child{
    grid-column:1/-1;
  }
  html[data-theme="dark"] .task-modal .task-cards{
    grid-template-columns:minmax(0,1fr)!important;
    padding:8px 12px 13px!important;
  }
  html[data-theme="dark"] .task-modal .task-cards>.task-card{
    min-height:195px!important;
  }
  html[data-theme="dark"] .task-modal .task-pagination{
    gap:5px!important;padding:8px 10px!important;
  }
  html[data-theme="dark"] .task-modal .task-pagination button{
    min-width:0!important;font-size:9px!important;padding:5px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-theme="dark"] .task-overview-fill,
  html[data-theme="dark"] .task-modal .task-card{transition:none!important}
}