/* Własny wykres — te same wytyczne co gantt-szanse.css i gantt-today.css. */
.gantt_tooltip.own-tip[hidden],
.gantt_tooltip.own-tip:not(:has(.gantt_tip_card)) {
  display: none !important;
}
.gantt_chart:has(.own-gantt) {
  display: flex;
  flex-direction: column;
}
.own-gantt {
  --own-line: #dfe0e1;
  --own-line-soft: #f0f0f0;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  background: #fff;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  font-family: inherit;
  font-size: 11px;
  color: #1f2937;
}
.own-main {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}
.own-grid {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-right: 1px solid var(--own-line);
  background: #fff;
}
.own-ghead, .own-scale {
  flex: 0 0 auto;
  background: rgb(210, 224, 242);
  border-bottom: 1px solid rgb(184, 201, 222);
  box-sizing: border-box;
}
.own-ghead { display: flex; align-items: stretch; }
.own-gh {
  box-sizing: border-box;
  padding: 2px 4px 4px;
  border-right: 1px solid rgb(184, 201, 222);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.15;
  color: rgb(31, 41, 55);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  background: rgb(210, 224, 242);
}
.own-gh small {
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  color: inherit;
}
.own-gh.is-solo {
  justify-content: center;
  height: 100%;
}
.own-gh-block {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid rgb(184, 201, 222);
  background: rgb(210, 224, 242);
  min-width: 0;
}
.own-gh-title {
  flex: 0 0 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  border-bottom: 1px solid rgb(184, 201, 222);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 4px;
}
.own-gh-subs {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}
.own-gh-subs .own-gh {
  height: auto;
  justify-content: center;
}
.own-gh-subs .own-gh:last-child { border-right: 0; }
.own-gh-block.is-plan .own-gh-title { color: #1e3a8a; }
.own-gh-block.is-szac .own-gh-title { color: #6b21a8; }
.own-gh-block.is-real .own-gh-title { color: #9a3412; }
.own-gh-block.is-prog .own-gh-title { color: #155e75; }
.own-gh-block.is-szanse .own-gh-title { color: #c2410c; }
.own-gh-block.is-comb .own-gh-title { color: #0f766e; }
.own-gh.is-plan { color: #1e3a8a; }
.own-gh.is-szac { color: #6b21a8; }
.own-gh.is-real { color: #9a3412; }
.own-gh.is-prog { color: #155e75; }
.own-gh.is-szanse { color: #c2410c; }
.own-gh.is-comb { color: #0f766e; }
.own-gcell .gantt_grid_inp {
  width: 100%;
  height: 22px;
  border: 0;
  background: transparent;
  text-align: center;
  font: inherit;
  font-size: 11px;
}
.own-gcell .gantt_date_edit { display: block; text-align: center; position: relative; }
.own-gcell .gantt_date_edit input[type="date"] {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.own-gcell .progress-circle { vertical-align: middle; }
.own-gh-sz, .own-gh-pct, .own-gh-sz_d,
.own-gc-sz, .own-gc-pct, .own-gc-sz_d { color: #c2410c; }
.own-gh-comb, .own-gh-comb_d,
.own-gc-comb, .own-gc-comb_d { color: #0f766e; }
.own-gbody {
  overflow: hidden;
  flex: 1 1 auto;
  min-height: 0;
}
.own-grow {
  display: flex;
  align-items: stretch;
  height: 32px;
  box-sizing: border-box;
  border-bottom: 1px solid #a8bdd2;
}
.own-gcell {
  box-sizing: border-box;
  height: 32px;
  padding: 0 4px;
  border-right: 1px solid #c5d3e4;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  background: #fff;
  font-size: 11px;
}
.own-gbody .own-grow:nth-child(even):not(.is-project):not(.is-parent):not(.is-done):not(.is-over):not(.is-person):not(.is-worker):not(.is-szansa) .own-gcell {
  background: #e7eef8;
}
.own-gcell.is-num { justify-content: center; text-align: center; }
.own-gcell.own-gc-start,
.own-gcell.own-gc-end {
  overflow: visible;
  padding: 0 2px;
}
.own-gbody .own-grow:hover .own-gcell { background: #d5e3f5; }
.own-grow.is-project .own-gcell { background: #ddd6fe; font-weight: 600; }
.own-grow.is-project:hover .own-gcell { background: #c4b5fd; }
.own-grow.is-parent .own-gcell { background: #bbf7d0; font-weight: 600; }
.own-grow.is-parent:hover .own-gcell { background: #86efac; }
.own-grow.is-szansa:not(.is-parent):not(.is-project) .own-gcell { background: #f3f4f6; color: #6b7280; }
.own-grow.is-parent.is-szansa .own-gcell { background: #e5e7eb; color: #4b5563; font-weight: 600; }
.own-grow.is-project.is-szansa .own-gcell { background: #6b7280; color: #f9fafb; font-weight: 700; }
.own-grow.is-project.is-szansa .own-twist,
.own-grow.is-project.is-szansa .own-add { color: #f9fafb; }
.own-grow.is-done .own-gcell { background: #e5e7eb; color: #374151; font-weight: 700; }
.own-grow.is-over .own-gcell { background: #fee2e2; color: #991b1b; font-weight: 700; }
.own-grow.is-person .own-gcell {
  background: color-mix(in srgb, var(--gantt-pastel-task-bg, #d0e3f3) 28%, #fff);
}
.own-grow.is-worker .own-gcell { background: #ecfdf5; font-weight: 600; }
.own-name {
  display: flex;
  align-items: center;
  gap: 2px;
  min-width: 0;
  width: 100%;
}
.own-twist, .own-add {
  border: 0;
  background: transparent;
  width: 16px;
  height: 16px;
  padding: 0;
  cursor: pointer;
  color: #6b7280;
  flex: 0 0 auto;
  font-size: 11px;
  line-height: 16px;
}
.own-twist.is-empty { visibility: hidden; }
.own-label {
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.own-av {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c5c9d0;
  border-radius: 50%;
  background: #fff;
  color: #374151;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  margin-right: 2px;
  flex-shrink: 0;
  box-sizing: border-box;
}
.own-time {
  flex: 1 1 auto;
  min-width: 0;
  overflow: auto;
  position: relative;
  background: #fff;
}
.own-tinner { position: relative; }
.own-scale {
  position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  background: rgb(210, 224, 242);
}
.own-scale-row {
  display: flex;
  flex: 1 1 0;
  min-height: 0;
}
.own-scell {
  box-sizing: border-box;
  border-right: 1px solid rgb(220, 228, 238);
  border-bottom: 1px solid rgb(220, 228, 238);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-size: 11px;
  line-height: 1.25;
  color: rgb(51, 65, 85);
  background: rgb(228, 236, 247);
  font-weight: 600;
}
.own-scale-row.is-top .own-scell,
.own-scale.is-month .own-scell {
  background: rgb(210, 224, 242);
  color: rgb(31, 41, 55);
  font-weight: 700;
  border-right-color: rgb(184, 201, 222);
  border-bottom-color: rgb(184, 201, 222);
}
.own-scale.is-day .own-scale-row.is-sub .own-scell {
  background: rgb(245, 248, 252);
  color: rgb(71, 85, 105);
  font-weight: 500;
}
.own-scell.is-today,
.own-col.is-today { background: rgba(239, 68, 68, 0.14) !important; }
.own-scell.is-today { color: #dc2626 !important; font-weight: 700 !important; }
.own-bg {
  position: absolute;
  left: 0;
  top: var(--own-scale-h, 56px);
  bottom: 0;
  display: flex;
  pointer-events: none;
  z-index: 0;
}
.own-col {
  box-sizing: border-box;
  border-right: 1px solid var(--own-line-soft);
  height: 100%;
}
.own-lanes {
  position: relative;
  z-index: 1;
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 31px,
    var(--own-line-soft) 31px,
    var(--own-line-soft) 32px
  );
}
.own-bar {
  position: absolute;
  height: 18px;
  border-radius: 6px;
  background: var(--gantt-pastel-task-bg, #d0e3f3);
  border: 1px solid var(--gantt-pastel-task-border, #a8c5dd);
  color: var(--gantt-pastel-task-fg, #004080);
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  padding: 0 6px;
  overflow: hidden;
  white-space: nowrap;
  cursor: grab;
  box-sizing: border-box;
  z-index: 2;
}
.own-bar.is-project {
  background: var(--gantt-pastel-projekt-bg, #ddd6fe);
  border-color: var(--gantt-pastel-projekt-border, #c4b5fd);
  color: var(--gantt-pastel-projekt-fg, #5b21b6);
  font-weight: 600;
}
.own-bar.is-parent {
  background: var(--gantt-pastel-parent-bg, #d1fae5);
  border-color: var(--gantt-pastel-parent-border, #6ee7b7);
  color: var(--gantt-pastel-parent-fg, #065f46);
  font-weight: 600;
}
.own-bar.is-szansa:not(.is-parent):not(.is-project) {
  background: #e5e7eb;
  border: 1px dashed #d1d5db;
  color: #6b7280;
  font-weight: 600;
}
.own-bar.is-parent.is-szansa {
  background: #d1d5db;
  border: 1px dashed #9ca3af;
  color: #374151;
  font-weight: 600;
}
.own-bar.is-project.is-szansa {
  background: #6b7280;
  border: 1px dashed #374151;
  color: #f9fafb;
  font-weight: 700;
}
.own-bar.is-done {
  background: var(--gantt-pastel-done-bg, #4b5563);
  border-color: var(--gantt-pastel-done-border, #374151);
  color: var(--gantt-pastel-done-fg, #f3f4f6);
  font-weight: 600;
  box-shadow: inset 3px 0 0 #1f2937;
}
.own-bar.is-over {
  background: var(--gantt-pastel-overplan-bg, #fecaca);
  border-color: var(--gantt-pastel-overplan-border, #ef4444);
  color: var(--gantt-pastel-overplan-fg, #7f1d1d);
  font-weight: 700;
}
.own-bar.is-worker {
  background: var(--gantt-pastel-worker-bg, #c7e9d5);
  border-color: var(--gantt-pastel-worker-border, #86efac);
  color: var(--gantt-pastel-worker-fg, #14532d);
  font-weight: 600;
  cursor: pointer;
}
.own-bar.is-person {
  background: color-mix(in srgb, var(--gantt-pastel-task-bg, #d0e3f3) 46%, #fff);
  border-color: color-mix(in srgb, var(--gantt-pastel-task-border, #a8c5dd) 42%, #fff);
  color: color-mix(in srgb, var(--gantt-pastel-task-fg, #004080) 72%, #64748b);
  cursor: pointer;
}
.own-resize {
  position: absolute;
  right: 0;
  top: 0;
  width: 8px;
  height: 100%;
  cursor: ew-resize;
}
.own-today {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #ef4444;
  z-index: 4;
  pointer-events: none;
}
.own-today-tag {
  position: absolute;
  top: calc(var(--own-scale-h, 56px) - 18px);
  left: 2px;
  background: #ef4444;
  color: #fff;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  padding: 2px 5px;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
}
.own-inp {
  box-sizing: border-box;
  width: calc(100% - 8px);
  height: 20px;
  margin: 0;
  padding: 0 4px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 11px;
  font-weight: inherit;
  line-height: 20px;
  text-align: center;
  box-shadow: none;
  -moz-appearance: textfield;
  appearance: textfield;
}
.own-inp::-webkit-outer-spin-button,
.own-inp::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.own-inp:hover,
.own-inp:focus {
  background: #fff;
  border-color: #c5d0e6;
  outline: none;
}
.own-date {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 22px;
  margin: 0;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 4px;
  text-align: center;
  line-height: 22px;
}
.own-date:hover,
.own-date:focus-within {
  background: #fff;
  border-color: #c5d0e6;
}
.own-date-txt {
  display: inline;
  pointer-events: none;
  font-size: 11px;
  line-height: 22px;
  white-space: nowrap;
}
.own-date::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 3px;
  width: 14px;
  height: 14px;
  pointer-events: none;
  opacity: 0.55;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='1.5' y='2.5' width='11' height='10' rx='1.2' fill='none' stroke='%236b7280' stroke-width='1.2'/%3E%3Cpath d='M1.5 5.5h11M4.5 1.5v2M9.5 1.5v2' stroke='%236b7280' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
}
.own-date input[type="date"]:not([disabled]):not([readonly]) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  cursor: pointer;
  background: transparent;
}
.own-people,
.own-hist {
  flex: 0 0 auto;
  display: flex;
  border-top: 1px solid var(--own-line);
  min-height: 0;
}
.own-people {
  background: #fff;
  max-height: 198px;
}
.own-hist {
  background: var(--gantt-summary-bg, #eef2ff);
}
.own-people-names,
.own-hist-names {
  flex: 0 0 auto;
  overflow: auto;
  border-right: 1px solid var(--own-line);
}
.own-people-names { background: #fff; }
.own-hist-names { background: var(--gantt-summary-bg, #eef2ff); }
.own-people-plot,
.own-hist-plot {
  flex: 1 1 auto;
  overflow: auto;
  min-width: 0;
  background: #fff;
}
.own-hist-plot { background: var(--gantt-summary-bg, #eef2ff); }
button.own-hrow.is-people-head {
  width: 100%;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--gantt-summary-border, #c7d2fe);
  border-radius: 0;
  background: #fff;
  color: #1f2937;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}
.own-hrow {
  height: 22px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--gantt-summary-border, #c7d2fe);
  white-space: nowrap;
  overflow: hidden;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  background: var(--gantt-summary-bg, #eef2ff);
}
.own-hrow.is-plan,
.own-hcells.is-plan .own-hcell { color: #1e3a8a; }
.own-hrow.is-szanse,
.own-hcells.is-szanse .own-hcell { color: #c2410c; }
.own-hrow.is-comb,
.own-hcells.is-comb .own-hcell { color: #0f766e; }
.own-hrow.is-cap,
.own-hrow.is-rem { color: #333; }
.own-hrow.is-person { font-weight: 500; color: #374151; background: #fff; }
.own-hcells { display: flex; }
.own-hcell {
  box-sizing: border-box;
  height: 22px;
  border-right: 1px solid var(--own-line-soft);
  border-bottom: 1px solid var(--own-line-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  line-height: 22px;
  background: #fff;
}
.own-hcells.is-plan .own-hcell,
.own-hcells.is-szanse .own-hcell,
.own-hcells.is-comb .own-hcell,
.own-hcells.is-cap .own-hcell,
.own-hcells.is-rem .own-hcell,
.own-hcells.is-people-head .own-hcell {
  background: var(--gantt-summary-bg, #eef2ff);
  font-weight: 600;
}
.own-hcells.is-people-head .own-hcell { background: #fff; }
.own-hcell.is-ok { background: #d4edda; color: #374151; }
.own-hcell.is-over { background: #f8d7da; color: #374151; }
.own-load {
  position: absolute;
  height: 32px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  line-height: 1;
  pointer-events: none;
  z-index: 2;
}
.own-load.is-ok { background: #d4edda; color: #374151; }
.own-load.is-over { background: #f8d7da; color: #374151; }
.own-foot { display: none; }

html[data-color-scheme="dark"] .own-gantt {
  --own-line: var(--line);
  --own-line-soft: var(--line);
  background: var(--card);
  color: var(--text);
}
html[data-color-scheme="dark"] .own-grid,
html[data-color-scheme="dark"] .own-ghead,
html[data-color-scheme="dark"] .own-gh,
html[data-color-scheme="dark"] .own-scale,
html[data-color-scheme="dark"] .own-scell,
html[data-color-scheme="dark"] .own-time,
html[data-color-scheme="dark"] .own-gcell,
html[data-color-scheme="dark"] .own-hcell,
html[data-color-scheme="dark"] .own-av {
  background: var(--card);
  color: var(--text);
  border-color: var(--line);
}
html[data-color-scheme="dark"] .own-ghead,
html[data-color-scheme="dark"] .own-scale,
html[data-color-scheme="dark"] .own-people,
html[data-color-scheme="dark"] .own-people-names,
html[data-color-scheme="dark"] .own-hist,
html[data-color-scheme="dark"] .own-hist-names,
html[data-color-scheme="dark"] .own-hrow,
html[data-color-scheme="dark"] button.own-hrow.is-people-head,
html[data-color-scheme="dark"] .own-hcells.is-plan .own-hcell,
html[data-color-scheme="dark"] .own-hcells.is-szanse .own-hcell,
html[data-color-scheme="dark"] .own-hcells.is-comb .own-hcell,
html[data-color-scheme="dark"] .own-hcells.is-cap .own-hcell {
  background: var(--panel-2);
}
html[data-color-scheme="dark"] .own-load.is-ok { background: #14532d; color: var(--text); }
html[data-color-scheme="dark"] .own-load.is-over { background: #7f1d1d; color: var(--text); }
html[data-color-scheme="dark"] .own-grid .own-grow { border-bottom-color: var(--line); }
html[data-color-scheme="dark"] .own-gbody .own-grow:nth-child(even):not(.is-project):not(.is-parent):not(.is-done):not(.is-over):not(.is-person):not(.is-worker):not(.is-szansa) .own-gcell {
  background: color-mix(in srgb, var(--text) 7%, var(--card));
}
html[data-color-scheme="dark"] .own-gbody .own-grow:hover .own-gcell { background: var(--panel-2); }
html[data-color-scheme="dark"] .own-grow.is-project .own-gcell { background: #2a2440; }
html[data-color-scheme="dark"] .own-grow.is-parent .own-gcell { background: #13261f; }
html[data-color-scheme="dark"] .own-inp:hover,
html[data-color-scheme="dark"] .own-inp:focus,
html[data-color-scheme="dark"] .own-date:hover,
html[data-color-scheme="dark"] .own-date:focus-within {
  background: var(--panel-2);
  border-color: var(--line);
}
