/**
 * Home admin — premium Chartist line charts (2026 fintech / Linear–Fey–Mercury)
 * Easy rollback: remove this <link> from layout/header.blade.php
 *
 * Standards applied:
 * - No neon glow / drop-shadow on strokes
 * - Thin bright lines + soft vertical area wash
 * - Near-invisible grid; muted axis labels
 * - Quiet points that sharpen on hover
 * - One accent family (teal / sky), no rainbow fills
 */

#js-trigger-home-admin-wrapper .incomeexpenses,
#js-trigger-home-admin-wrapper .avgcheck,
#js-trigger-home-admin-wrapper .ticket-statuses-chart,
#js-trigger-home-admin-wrapper .shoppresencevisits,
#dashboard-admin-invoice-vs-expenses .incomeexpenses,
#dashboard-admin-avg-check .avgcheck,
#dashboard-admin-tickets-statuses .ticket-statuses-chart,
#dashboard-admin-shop-presence-visits .incomeexpenses {
  --nx-pc-line-a: #2ec4b6;
  --nx-pc-line-b: #5eb8e8;
  --nx-pc-point-a: #2ec4b6;
  --nx-pc-point-b: #5eb8e8;
  --nx-pc-area-a: rgba(46, 196, 182, 0.22);
  --nx-pc-area-b: rgba(94, 184, 232, 0.14);
  --nx-pc-grid: rgba(79, 89, 95, 0.55);
  --nx-pc-label: #8b949e;
  --nx-pc-stroke: 1.75px;
}

:is(html.midnight, html[data-bs-theme="midnight"]) #js-trigger-home-admin-wrapper .incomeexpenses,
:is(html.midnight, html[data-bs-theme="midnight"]) #js-trigger-home-admin-wrapper .avgcheck,
:is(html.midnight, html[data-bs-theme="midnight"]) #js-trigger-home-admin-wrapper .ticket-statuses-chart,
:is(html.midnight, html[data-bs-theme="midnight"]) #js-trigger-home-admin-wrapper .shoppresencevisits,
:is(html.midnight, html[data-bs-theme="midnight"]) #dashboard-admin-invoice-vs-expenses .incomeexpenses,
:is(html.midnight, html[data-bs-theme="midnight"]) #dashboard-admin-avg-check .avgcheck,
:is(html.midnight, html[data-bs-theme="midnight"]) #dashboard-admin-tickets-statuses .ticket-statuses-chart,
:is(html.midnight, html[data-bs-theme="midnight"]) #dashboard-admin-shop-presence-visits .incomeexpenses {
  --nx-pc-line-a: #3dcdb8;
  --nx-pc-line-b: #6ec4ef;
  --nx-pc-point-a: #3dcdb8;
  --nx-pc-point-b: #6ec4ef;
  --nx-pc-area-a: rgba(61, 205, 184, 0.16);
  --nx-pc-area-b: rgba(110, 196, 239, 0.1);
  --nx-pc-grid: rgba(255, 255, 255, 0.065);
  --nx-pc-label: rgba(255, 255, 255, 0.38);
}

/* —— Grid & axes —— */
#js-trigger-home-admin-wrapper .incomeexpenses .ct-grid,
#js-trigger-home-admin-wrapper .avgcheck .ct-grid,
#js-trigger-home-admin-wrapper .ticket-statuses-chart .ct-grid,
#js-trigger-home-admin-wrapper .shoppresencevisits .ct-grid,
#dashboard-admin-invoice-vs-expenses .incomeexpenses .ct-grid,
#dashboard-admin-avg-check .avgcheck .ct-grid,
#dashboard-admin-tickets-statuses .ticket-statuses-chart .ct-grid,
#dashboard-admin-shop-presence-visits .incomeexpenses .ct-grid,
#js-trigger-home-admin-wrapper .incomeexpenses line,
#js-trigger-home-admin-wrapper .avgcheck line,
#js-trigger-home-admin-wrapper .ticket-statuses-chart line,
#js-trigger-home-admin-wrapper .shoppresencevisits line,
#dashboard-admin-invoice-vs-expenses .incomeexpenses line,
#dashboard-admin-avg-check .avgcheck line,
#dashboard-admin-tickets-statuses .ticket-statuses-chart line,
#dashboard-admin-shop-presence-visits .incomeexpenses line {
  stroke: var(--nx-pc-grid) !important;
  stroke-dasharray: 1.5 4 !important;
  stroke-width: 1px !important;
}

#js-trigger-home-admin-wrapper .incomeexpenses .ct-label,
#js-trigger-home-admin-wrapper .avgcheck .ct-label,
#js-trigger-home-admin-wrapper .ticket-statuses-chart .ct-label,
#js-trigger-home-admin-wrapper .shoppresencevisits .ct-label,
#dashboard-admin-invoice-vs-expenses .incomeexpenses .ct-label,
#dashboard-admin-avg-check .avgcheck .ct-label,
#dashboard-admin-tickets-statuses .ticket-statuses-chart .ct-label,
#dashboard-admin-shop-presence-visits .incomeexpenses .ct-label {
  fill: var(--nx-pc-label) !important;
  color: var(--nx-pc-label) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
}

/* —— Series A (primary) —— */
#js-trigger-home-admin-wrapper .incomeexpenses .ct-series-a .ct-line,
#js-trigger-home-admin-wrapper .avgcheck .ct-series-a .ct-line,
#js-trigger-home-admin-wrapper .ticket-statuses-chart .ct-series-a .ct-line,
#js-trigger-home-admin-wrapper .shoppresencevisits .ct-series-a .ct-line,
#dashboard-admin-invoice-vs-expenses .incomeexpenses .ct-series-a .ct-line,
#dashboard-admin-avg-check .avgcheck .ct-series-a .ct-line,
#dashboard-admin-tickets-statuses .ticket-statuses-chart .ct-series-a .ct-line,
#dashboard-admin-shop-presence-visits .incomeexpenses .ct-series-a .ct-line {
  stroke: var(--nx-pc-line-a) !important;
  stroke-width: var(--nx-pc-stroke) !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter: none !important;
}

#js-trigger-home-admin-wrapper .avgcheck .ct-series-a .ct-area,
#js-trigger-home-admin-wrapper .ticket-statuses-chart .ct-series-a .ct-area,
#js-trigger-home-admin-wrapper .shoppresencevisits .ct-series-a .ct-area,
#js-trigger-home-admin-wrapper .incomeexpenses .ct-series-a .ct-area,
#dashboard-admin-avg-check .avgcheck .ct-series-a .ct-area,
#dashboard-admin-tickets-statuses .ticket-statuses-chart .ct-series-a .ct-area,
#dashboard-admin-invoice-vs-expenses .incomeexpenses .ct-series-a .ct-area,
#dashboard-admin-shop-presence-visits .incomeexpenses .ct-series-a .ct-area {
  opacity: 1 !important;
  filter: none !important;
}

/* Same soft vertical wash visibility for all home line charts */
#dashboard-admin-invoice-vs-expenses .incomeexpenses .ct-series-a .ct-area[fill^="url("],
#dashboard-admin-shop-presence-visits .incomeexpenses .ct-series-a .ct-area[fill^="url("],
#dashboard-admin-avg-check .avgcheck .ct-series-a .ct-area[fill^="url("],
#dashboard-admin-tickets-statuses .ticket-statuses-chart .ct-series-a .ct-area[fill^="url("] {
  fill-opacity: 1 !important;
  opacity: 0.9 !important;
}

#js-trigger-home-admin-wrapper .incomeexpenses .ct-series-a .ct-point,
#js-trigger-home-admin-wrapper .avgcheck .ct-series-a .ct-point,
#js-trigger-home-admin-wrapper .ticket-statuses-chart .ct-series-a .ct-point,
#js-trigger-home-admin-wrapper .shoppresencevisits .ct-series-a .ct-point,
#dashboard-admin-invoice-vs-expenses .incomeexpenses .ct-series-a .ct-point,
#dashboard-admin-avg-check .avgcheck .ct-series-a .ct-point,
#dashboard-admin-tickets-statuses .ticket-statuses-chart .ct-series-a .ct-point,
#dashboard-admin-shop-presence-visits .incomeexpenses .ct-series-a .ct-point {
  stroke: var(--nx-pc-point-a) !important;
  stroke-width: 4.5px !important;
  stroke-opacity: 0.55;
  fill: transparent !important;
  filter: none !important;
  transition: stroke-width 0.16s ease, stroke-opacity 0.16s ease;
  cursor: pointer;
}

#js-trigger-home-admin-wrapper .incomeexpenses .ct-series-a .ct-point:hover,
#js-trigger-home-admin-wrapper .avgcheck .ct-series-a .ct-point:hover,
#js-trigger-home-admin-wrapper .ticket-statuses-chart .ct-series-a .ct-point:hover,
#js-trigger-home-admin-wrapper .shoppresencevisits .ct-series-a .ct-point:hover,
#dashboard-admin-invoice-vs-expenses .incomeexpenses .ct-series-a .ct-point:hover,
#dashboard-admin-avg-check .avgcheck .ct-series-a .ct-point:hover,
#dashboard-admin-tickets-statuses .ticket-statuses-chart .ct-series-a .ct-point:hover,
#dashboard-admin-shop-presence-visits .incomeexpenses .ct-series-a .ct-point:hover {
  stroke-width: 8px !important;
  stroke-opacity: 1;
}

/* —— Series B (secondary) —— */
#js-trigger-home-admin-wrapper .incomeexpenses .ct-series-b .ct-line,
#js-trigger-home-admin-wrapper .shoppresencevisits .ct-series-b .ct-line,
#dashboard-admin-invoice-vs-expenses .incomeexpenses .ct-series-b .ct-line,
#dashboard-admin-shop-presence-visits .incomeexpenses .ct-series-b .ct-line {
  stroke: var(--nx-pc-line-b) !important;
  stroke-width: var(--nx-pc-stroke) !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-opacity: 0.92;
  filter: none !important;
}

#js-trigger-home-admin-wrapper .incomeexpenses .ct-series-b .ct-area,
#dashboard-admin-invoice-vs-expenses .incomeexpenses .ct-series-b .ct-area,
#dashboard-admin-shop-presence-visits .incomeexpenses .ct-series-b .ct-area {
  opacity: 1 !important;
  filter: none !important;
}

#js-trigger-home-admin-wrapper .incomeexpenses .ct-series-b .ct-point,
#js-trigger-home-admin-wrapper .shoppresencevisits .ct-series-b .ct-point,
#dashboard-admin-invoice-vs-expenses .incomeexpenses .ct-series-b .ct-point,
#dashboard-admin-shop-presence-visits .incomeexpenses .ct-series-b .ct-point {
  stroke: var(--nx-pc-point-b) !important;
  stroke-width: 4.5px !important;
  stroke-opacity: 0.5;
  fill: transparent !important;
  filter: none !important;
  transition: stroke-width 0.16s ease, stroke-opacity 0.16s ease;
  cursor: pointer;
}

#js-trigger-home-admin-wrapper .incomeexpenses .ct-series-b .ct-point:hover,
#js-trigger-home-admin-wrapper .shoppresencevisits .ct-series-b .ct-point:hover,
#dashboard-admin-invoice-vs-expenses .incomeexpenses .ct-series-b .ct-point:hover,
#dashboard-admin-shop-presence-visits .incomeexpenses .ct-series-b .ct-point:hover {
  stroke-width: 8px !important;
  stroke-opacity: 1;
}

/* Gradient area fills from JS — keep soft; kill loud rainbow opacity */
#dashboard-admin-invoice-vs-expenses .incomeexpenses .ct-series-b .ct-area[fill^="url("],
#dashboard-admin-shop-presence-visits .incomeexpenses .ct-series-b .ct-area[fill^="url("] {
  fill-opacity: 1 !important;
  opacity: 0.75 !important;
}

/* Tooltips — already glass; keep tight premium type */
#js-trigger-home-admin-wrapper .incomeexpenses .chartist-tooltip,
#js-trigger-home-admin-wrapper .avgcheck .chartist-tooltip,
#js-trigger-home-admin-wrapper .ticket-statuses-chart .chartist-tooltip,
#js-trigger-home-admin-wrapper .shoppresencevisits .chartist-tooltip,
#dashboard-admin-invoice-vs-expenses .incomeexpenses .chartist-tooltip,
#dashboard-admin-avg-check .avgcheck .chartist-tooltip,
#dashboard-admin-tickets-statuses .ticket-statuses-chart .chartist-tooltip,
#dashboard-admin-shop-presence-visits .incomeexpenses .chartist-tooltip {
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  border-radius: 10px !important;
  padding: 7px 12px !important;
}