/* =========================================================================
   Карточки задач на доске всегда белые: чертежи внутри них рисуются
   в светлой гамме при любой теме сайта (сгенерировано из правил body.light)
   ========================================================================= */
html body #board-sheet:not(.theme-dark) .mb-board-task-card .graph-grid-line,
html body.light #board-sheet.theme-dark .mb-board-task-card .graph-grid-line {
      stroke: rgba(15, 23, 42, 0.20) !important; 
    }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .graph-axis-line,
html body.light #board-sheet.theme-dark .mb-board-task-card .graph-axis-line {
      stroke: #334155 !important; 
    }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .w-16.h-16.mx-auto[class*="bg-gradient-to-"] svg,
html body.light #board-sheet.theme-dark .mb-board-task-card .w-16.h-16.mx-auto[class*="bg-gradient-to-"] svg,
html body #board-sheet:not(.theme-dark) .mb-board-task-card .w-16.h-16.mx-auto[class*="bg-gradient-to-"] svg *,
html body.light #board-sheet.theme-dark .mb-board-task-card .w-16.h-16.mx-auto[class*="bg-gradient-to-"] svg * {
  stroke: #4f46e5 !important; 
  color: #4f46e5 !important;
  fill: none !important;      
  filter: drop-shadow(0 2px 4px rgba(79, 70, 229, 0.15)) !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) text,
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) text,
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) tspan,
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) tspan,
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg text,
html body.light #board-sheet.theme-dark .mb-board-task-card svg text,
html body #board-sheet:not(.theme-dark) .mb-board-task-card [class*="fill-slate"],
html body.light #board-sheet.theme-dark .mb-board-task-card [class*="fill-slate"] {
  fill: #000000 !important;
  color: #000000 !important;
  stroke: none !important;
  font-weight: 900 !important;
  opacity: 1 !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card div:has(> .oge-plan-svg) + div,
html body.light #board-sheet.theme-dark .mb-board-task-card div:has(> .oge-plan-svg) + div {
  font-size: 22px !important;           
  line-height: 1.75 !important;          
  font-weight: 600 !important;          
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card div:has(> .oge-plan-svg) + div,
html body.light #board-sheet.theme-dark .mb-board-task-card div:has(> .oge-plan-svg) + div {
  color: #0f172a !important;            
}

@media (max-width: 640px) {
html body #board-sheet:not(.theme-dark) .mb-board-task-card div:has(> .oge-plan-svg) + div,
html body.light #board-sheet.theme-dark .mb-board-task-card div:has(> .oge-plan-svg) + div {
    font-size: 19px !important;
    line-height: 1.65 !important;
  }
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card .plan-num-circle,
html body.light #board-sheet.theme-dark .mb-board-task-card .plan-num-circle {
  fill: #ffffff !important;
  stroke: #0f172a !important;
  stroke-width: 2.5px !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card .plan-num-text,
html body.light #board-sheet.theme-dark .mb-board-task-card .plan-num-text {
  fill: #0f172a !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  font-family: "Onest", sans-serif !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) text,
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) text,
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) tspan,
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) tspan,
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg text,
html body.light #board-sheet.theme-dark .mb-board-task-card svg text,
html body #board-sheet:not(.theme-dark) .mb-board-task-card [class*="fill-slate"],
html body.light #board-sheet.theme-dark .mb-board-task-card [class*="fill-slate"] {
  fill: #000000 !important;
  color: #000000 !important;
  stroke: none !important;
  font-weight: 900 !important;
  opacity: 1 !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card .border-white\/5,
html body.light #board-sheet.theme-dark .mb-board-task-card .border-white\/5,
html body #board-sheet:not(.theme-dark) .mb-board-task-card .border-white\/10,
html body.light #board-sheet.theme-dark .mb-board-task-card .border-white\/10,
html body #board-sheet:not(.theme-dark) .mb-board-task-card .border-white\/15,
html body.light #board-sheet.theme-dark .mb-board-task-card .border-white\/15,
html body #board-sheet:not(.theme-dark) .mb-board-task-card .border-white\/20,
html body.light #board-sheet.theme-dark .mb-board-task-card .border-white\/20,
html body #board-sheet:not(.theme-dark) .mb-board-task-card .border-b.border-white\/10,
html body.light #board-sheet.theme-dark .mb-board-task-card .border-b.border-white\/10,
html body #board-sheet:not(.theme-dark) .mb-board-task-card .divide-white\/5,
html body.light #board-sheet.theme-dark .mb-board-task-card .divide-white\/5 {
  border-color: #e2e8f0 !important; 
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card .task-graph-svg,
html body.light #board-sheet.theme-dark .mb-board-task-card .task-graph-svg {
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card .task-graph-svg text,
html body.light #board-sheet.theme-dark .mb-board-task-card .task-graph-svg text,
html body #board-sheet:not(.theme-dark) .mb-board-task-card .task-graph-svg .graph-axis-text,
html body.light #board-sheet.theme-dark .mb-board-task-card .task-graph-svg .graph-axis-text {
  fill: #0f172a !important; 
  stroke: none !important;
  font-weight: 800 !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card .task-graph-svg .graph-axis-line,
html body.light #board-sheet.theme-dark .mb-board-task-card .task-graph-svg .graph-axis-line {
  stroke: #334155 !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card .graph-grid-line,
html body.light #board-sheet.theme-dark .mb-board-task-card .graph-grid-line {
  stroke: rgba(15, 23, 42, 0.15) !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card .graph-axis-line,
html body.light #board-sheet.theme-dark .mb-board-task-card .graph-axis-line {
  stroke: #334155 !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke*="16, 185, 129"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke*="16, 185, 129"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke*="10b981"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke*="10b981"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke*="16,185,129"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke*="16,185,129"] {
  stroke: rgba(16, 185, 129, 0.85) !important; 
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) text[fill="#10B981"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) text[fill="#10B981"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) text[fill="#10b981"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) text[fill="#10b981"] {
  fill: #059669 !important; 
  font-weight: 900 !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) path[stroke="#6366f1"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) path[stroke="#6366f1"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) path[stroke="#d946ef"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) path[stroke="#d946ef"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) path[stroke="#818cf8"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) path[stroke="#818cf8"] {
  stroke-width: 3.5px !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) path[stroke="#6366f1"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) path[stroke="#6366f1"] {
  stroke: #6366f1 !important; 
  stroke-width: 3.5px !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#d946ef"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#d946ef"] {
  stroke: #d946ef !important; 
  stroke-width: 3px !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke*="16, 185, 129"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke*="16, 185, 129"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke*="10b981"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke*="10b981"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke*="16,185,129"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke*="16,185,129"] {
  stroke: #10b981 !important; 
  stroke-width: 12px !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) circle[fill="#ef4444"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) circle[fill="#ef4444"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) circle[fill="#f43f5e"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) circle[fill="#f43f5e"] {
  fill: #ef4444 !important;
  stroke: #ffffff !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#ffffff"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#ffffff"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#fff"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#fff"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="white"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="white"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#f8fafc"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#f8fafc"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#f1f5f9"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#f1f5f9"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) path[stroke="#ffffff"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) path[stroke="#ffffff"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) path[stroke="#fff"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) path[stroke="#fff"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) path[stroke="white"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) path[stroke="white"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) path[stroke="#f8fafc"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) path[stroke="#f8fafc"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) .graph-axis-line,
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) .graph-axis-line {
  stroke: #1e293b !important;
  stroke-width: 2px !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke*="255, 255, 255"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke*="255, 255, 255"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke*="255,255,255"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke*="255,255,255"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke*="rgba(255"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke*="rgba(255"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#334155"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#334155"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) .graph-grid-line,
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) .graph-grid-line {
  stroke: rgba(15, 23, 42, 0.16) !important;
  stroke-width: 1px !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#818cf8"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#818cf8"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#6366f1"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#6366f1"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#38bdf8"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#38bdf8"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#00f0ff"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#00f0ff"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#3b82f6"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#3b82f6"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#60a5fa"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#60a5fa"] {
  stroke: #2563eb !important;
  stroke-width: 3px !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) polygon[fill="#818cf8"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) polygon[fill="#818cf8"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) polygon[fill="#6366f1"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) polygon[fill="#6366f1"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) polygon[fill="#38bdf8"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) polygon[fill="#38bdf8"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) polygon[fill="#00f0ff"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) polygon[fill="#00f0ff"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) polygon[fill="#3b82f6"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) polygon[fill="#3b82f6"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) polygon[fill="#60a5fa"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) polygon[fill="#60a5fa"] {
  fill: #2563eb !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#d946ef"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#d946ef"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#f43f5e"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#f43f5e"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#c084fc"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#c084fc"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#e879f9"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#e879f9"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#f472b6"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#f472b6"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) line[stroke="#ec4899"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) line[stroke="#ec4899"] {
  stroke: #db2777 !important;
  stroke-width: 3px !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) polygon[fill="#d946ef"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) polygon[fill="#d946ef"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) polygon[fill="#f43f5e"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) polygon[fill="#f43f5e"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) polygon[fill="#c084fc"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) polygon[fill="#c084fc"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) polygon[fill="#e879f9"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) polygon[fill="#e879f9"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) polygon[fill="#f472b6"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) polygon[fill="#f472b6"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) polygon[fill="#ec4899"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) polygon[fill="#ec4899"] {
  fill: #db2777 !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card .my-3,
html body.light #board-sheet.theme-dark .mb-board-task-card .my-3 {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card .task-graph-svg path[stroke="#6366f1"],
html body.light #board-sheet.theme-dark .mb-board-task-card .task-graph-svg path[stroke="#6366f1"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card .task-graph-svg path[stroke="#818cf8"],
html body.light #board-sheet.theme-dark .mb-board-task-card .task-graph-svg path[stroke="#818cf8"] {
  stroke: #4f46e5 !important;
  stroke-width: 3.5px !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card .task-graph-svg path[stroke="#d946ef"],
html body.light #board-sheet.theme-dark .mb-board-task-card .task-graph-svg path[stroke="#d946ef"],
html body #board-sheet:not(.theme-dark) .mb-board-task-card .task-graph-svg line[stroke="#d946ef"],
html body.light #board-sheet.theme-dark .mb-board-task-card .task-graph-svg line[stroke="#d946ef"] {
  stroke: #d946ef !important;
  stroke-width: 3px !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card .task-graph-svg line[stroke*="16, 185, 129"],
html body.light #board-sheet.theme-dark .mb-board-task-card .task-graph-svg line[stroke*="16, 185, 129"] {
  stroke: #10b981 !important;
  stroke-width: 12px !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card .task-graph-svg circle[fill="#ef4444"],
html body.light #board-sheet.theme-dark .mb-board-task-card .task-graph-svg circle[fill="#ef4444"] {
  fill: #ef4444 !important;
  stroke: #ffffff !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card .oge-plan-svg line[stroke-dasharray],
html body.light #board-sheet.theme-dark .mb-board-task-card .oge-plan-svg line[stroke-dasharray] {
  stroke: #0f172a !important;
  stroke-width: 2.2px !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg path.v-pin-path,
html body.light #board-sheet.theme-dark .mb-board-task-card svg path.v-pin-path {
  fill: #ffffff !important;
  stroke: #2563eb !important;
  stroke-width: 2.2px !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card svg text.v-pin-text,
html body.light #board-sheet.theme-dark .mb-board-task-card svg text.v-pin-text {
  fill: #0f172a !important;
  stroke: none !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  font-family: "Onest", -apple-system, sans-serif !important;
  dominant-baseline: central !important;
  text-anchor: middle !important;
  opacity: 1 !important;
}

html body #board-sheet:not(.theme-dark) .mb-board-task-card .paper-fmt-tag,
html body.light #board-sheet.theme-dark .mb-board-task-card .paper-fmt-tag {
        fill: #0f172a !important;
        stroke: #ffffff !important;
        stroke-width: 3.5px !important;
      }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .tf-card-bg,
html body.light #board-sheet.theme-dark .mb-board-task-card .tf-card-bg { fill: #ffffff !important; stroke: #cbd5e1 !important; }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .tf-grid-line,
html body.light #board-sheet.theme-dark .mb-board-task-card .tf-grid-line { stroke: #cbd5e1 !important; stroke-width: 1.3px !important; }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .tf-axis-main,
html body.light #board-sheet.theme-dark .mb-board-task-card .tf-axis-main { stroke: #0f172a !important; stroke-width: 2.5px !important; }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .tf-axis-arrow,
html body.light #board-sheet.theme-dark .mb-board-task-card .tf-axis-arrow { fill: #0f172a !important; }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .tf-axis-num,
html body.light #board-sheet.theme-dark .mb-board-task-card .tf-axis-num { fill: #0f172a !important; }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .tf-month-num,
html body.light #board-sheet.theme-dark .mb-board-task-card .tf-month-num { fill: #0f172a !important; }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .tf-axis-title,
html body.light #board-sheet.theme-dark .mb-board-task-card .tf-axis-title { fill: #0284c7 !important; }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .tf-axis-title-gb,
html body.light #board-sheet.theme-dark .mb-board-task-card .tf-axis-title-gb { fill: #d97706 !important; }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .tf-limit-line,
html body.light #board-sheet.theme-dark .mb-board-task-card .tf-limit-line { stroke: #9333ea !important; stroke-width: 2.5px !important; stroke-dasharray: 6 4 !important; }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .tf-minutes-path,
html body.light #board-sheet.theme-dark .mb-board-task-card .tf-minutes-path { stroke: #0284c7 !important; }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .tf-minutes-point,
html body.light #board-sheet.theme-dark .mb-board-task-card .tf-minutes-point { fill: #0284c7 !important; stroke: #ffffff !important; }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .tf-gb-path,
html body.light #board-sheet.theme-dark .mb-board-task-card .tf-gb-path { stroke: #d97706 !important; }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .tf-gb-point,
html body.light #board-sheet.theme-dark .mb-board-task-card .tf-gb-point { fill: #d97706 !important; stroke: #ffffff !important; }

html body #board-sheet:not(.theme-dark) .mb-board-task-card .apt-grid-line,
html body.light #board-sheet.theme-dark .mb-board-task-card .apt-grid-line { stroke: #94a3b8 !important; stroke-width: 1px !important; }
html body #board-sheet:not(.theme-dark) .mb-board-task-card .my-3,
html body.light #board-sheet.theme-dark .mb-board-task-card .my-3 { background-color: #ffffff !important; border-color: #cbd5e1 !important; }
html body #board-sheet:not(.theme-dark) .mb-board-task-card .task-graph-svg,
html body.light #board-sheet.theme-dark .mb-board-task-card .task-graph-svg { background-color: #ffffff !important; border: 1px solid #cbd5e1 !important; }
html body #board-sheet:not(.theme-dark) .mb-board-task-card .task-graph-svg text,
html body.light #board-sheet.theme-dark .mb-board-task-card .task-graph-svg text,
html body #board-sheet:not(.theme-dark) .mb-board-task-card .task-graph-svg .graph-axis-text,
html body.light #board-sheet.theme-dark .mb-board-task-card .task-graph-svg .graph-axis-text,
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) .graph-axis-text,
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) .graph-axis-text { fill: #0f172a !important; stroke: none !important; font-weight: 800 !important; }
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) .graph-axis-line,
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) .graph-axis-line { stroke: #334155 !important; }
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg:not(.lucide) .graph-grid-line,
html body.light #board-sheet.theme-dark .mb-board-task-card svg:not(.lucide) .graph-grid-line { stroke: rgba(15, 23, 42, 0.16) !important; }
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg.oge-plan-svg line.graph-axis-line,
html body.light #board-sheet.theme-dark .mb-board-task-card svg.oge-plan-svg line.graph-axis-line,
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg.oge-plan-svg polyline.graph-axis-line,
html body.light #board-sheet.theme-dark .mb-board-task-card svg.oge-plan-svg polyline.graph-axis-line { stroke: #1e293b !important; }
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg.oge-plan-svg line[stroke-dasharray],
html body.light #board-sheet.theme-dark .mb-board-task-card svg.oge-plan-svg line[stroke-dasharray] { stroke: #0f172a !important; stroke-width: 2.2px !important; }
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg.oge-plan-svg g path[fill="#ffffff"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg.oge-plan-svg g path[fill="#ffffff"] { stroke: #0f172a !important; }
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg.oge-plan-svg path[fill="#94a3b8"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg.oge-plan-svg path[fill="#94a3b8"] { fill: #94a3b8 !important; opacity: 1 !important; stroke: #64748b !important; }
html body #board-sheet:not(.theme-dark) .mb-board-task-card svg.oge-plan-svg g text[fill="#f59e0b"],
html body.light #board-sheet.theme-dark .mb-board-task-card svg.oge-plan-svg g text[fill="#f59e0b"] { fill: #b45309 !important; }