/**
 * Home C3 donuts — exact “как было” skin (sales-models reference)
 * Rollback: remove <link> from header.blade.php
 *
 * - Thin ring (JS donut.width)
 * - Flush segments, NO black/white seams
 * - Quiet desaturate (muted teal / ochre / maroon) — no neon glow
 * - Center well + large value / small label
 */

:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #leadsWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsReasonsWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #salesModelsWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #profitabilityWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #expenseDistributionWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #approvalWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #genderWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #productsSalesWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #creditsWidget {
  --nx-donut-fill: 0.88;
  --nx-donut-fill-hover: 0.96;
  position: relative;
}

:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #salesModelsWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #profitabilityWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #expenseDistributionWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsReasonsWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #leadsWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #approvalWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #genderWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #productsSalesWidget,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #creditsWidget {
  display: block;
  width: 100%;
  max-width: 280px;
  height: 260px;
  margin-left: auto;
  margin-right: auto;
}

/* Soft recessed center well (reference photo) */
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) .nx-donut-luxe::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 54%;
  height: 54%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(
    circle at 50% 46%,
    rgba(0, 0, 0, 0.42) 0%,
    rgba(0, 0, 0, 0.18) 42%,
    rgba(0, 0, 0, 0.04) 68%,
    transparent 74%
  );
  pointer-events: none;
  z-index: 1;
}

/* Seamless muted arcs — beat theme #434b54 + custom.css white strokes */
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #leadsWidget .c3-chart-arc path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsWidget .c3-chart-arc path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsReasonsWidget .c3-chart-arc path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #salesModelsWidget .c3-chart-arc path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #profitabilityWidget .c3-chart-arc path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #expenseDistributionWidget .c3-chart-arc path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #approvalWidget .c3-chart-arc path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #genderWidget .c3-chart-arc path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #productsSalesWidget .c3-chart-arc path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #creditsWidget .c3-chart-arc path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #leadsWidget .c3-chart-arc path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsWidget .c3-chart-arc path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsReasonsWidget .c3-chart-arc path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #salesModelsWidget .c3-chart-arc path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #profitabilityWidget .c3-chart-arc path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #expenseDistributionWidget .c3-chart-arc path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #approvalWidget .c3-chart-arc path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #genderWidget .c3-chart-arc path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #productsSalesWidget .c3-chart-arc path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #creditsWidget .c3-chart-arc path {
  shape-rendering: geometricPrecision !important;
  stroke: none !important;
  stroke-width: 0 !important;
  stroke-opacity: 0 !important;
  fill-opacity: var(--nx-donut-fill) !important;
  /* Quiet mute like reference — NOT neon / NOT screen-blend */
  filter: saturate(0.58) brightness(0.92) contrast(0.98) !important;
  mix-blend-mode: normal !important;
  transition: fill-opacity 0.18s ease;
}

:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #leadsWidget .c3-chart-arc:hover path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsWidget .c3-chart-arc:hover path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsReasonsWidget .c3-chart-arc:hover path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #salesModelsWidget .c3-chart-arc:hover path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #profitabilityWidget .c3-chart-arc:hover path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #expenseDistributionWidget .c3-chart-arc:hover path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #approvalWidget .c3-chart-arc:hover path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #genderWidget .c3-chart-arc:hover path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #productsSalesWidget .c3-chart-arc:hover path,
:is(html.midnight, html[data-bs-theme="midnight"]) :is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #creditsWidget .c3-chart-arc:hover path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #leadsWidget .c3-chart-arc:hover path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsWidget .c3-chart-arc:hover path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsReasonsWidget .c3-chart-arc:hover path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #salesModelsWidget .c3-chart-arc:hover path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #profitabilityWidget .c3-chart-arc:hover path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #expenseDistributionWidget .c3-chart-arc:hover path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #approvalWidget .c3-chart-arc:hover path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #genderWidget .c3-chart-arc:hover path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #productsSalesWidget .c3-chart-arc:hover path,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #creditsWidget .c3-chart-arc:hover path {
  fill-opacity: var(--nx-donut-fill-hover) !important;
  filter: saturate(0.64) brightness(0.98) contrast(1) !important;
}

:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #leadsWidget .c3-chart-arcs,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsWidget .c3-chart-arcs,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsReasonsWidget .c3-chart-arcs,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #salesModelsWidget .c3-chart-arcs,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #profitabilityWidget .c3-chart-arcs,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #expenseDistributionWidget .c3-chart-arcs,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #approvalWidget .c3-chart-arcs,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #genderWidget .c3-chart-arcs,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #productsSalesWidget .c3-chart-arcs,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #creditsWidget .c3-chart-arcs {
  filter: none !important;
}

:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) .nx-donut-luxe .c3-chart-arcs-title {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) .nx-donut-kpi {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  text-align: center;
  padding: 0 20%;
}

:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) .nx-donut-kpi__value {
  color: #f4f7fa;
  font-family: var(--nx-ui-base-font, "Montserrat", Helvetica, Arial, sans-serif);
  font-size: 1.85rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
}

:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) .nx-donut-kpi__label {
  margin-top: 0.4rem;
  color: rgba(168, 178, 190, 0.78);
  font-family: var(--nx-ui-base-font, "Montserrat", Helvetica, Arial, sans-serif);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  line-height: 1.15;
  text-transform: uppercase;
}

:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #leadsWidget svg,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsWidget svg,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #ticketsReasonsWidget svg,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #salesModelsWidget svg,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #profitabilityWidget svg,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #expenseDistributionWidget svg,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #approvalWidget svg,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #genderWidget svg,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #productsSalesWidget svg,
:is(#js-trigger-home-admin-wrapper, #js-trigger-home-team-wrapper) #creditsWidget svg {
  overflow: visible !important;
  position: relative;
  z-index: 2;
}