@charset "UTF-8";
/** Warstwa nuModal (kontener + overlay): nad fixed headerami (np. header_menu 9999). */
/** Drawer nu-menu (otwarty): zawsze poniżej nuModal, nad treścią/headerem. */
:root {
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --font-family-base: Helvetica Neue, Helvetica, Arial, sans-serif;
  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 20px;
  --line-height-tight: 1.2;
  --line-height-base: 1.43;
  --line-height-loose: 1.6;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 9999px;
  --shadow-none: none;
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 0 13px -2px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 0 34px -2px rgba(0, 0, 0, 0.25);
  --z-index-base: 1;
  --z-index-dropdown: 1000;
  --z-index-sticky: 1020;
  --z-index-fixed: 1030;
  --z-index-modal-backdrop: 1040;
  --z-index-modal: 1050;
  --z-index-popover: 1060;
  --z-index-tooltip: 1070;
  --z-index-nu-modal-layer: 12000;
  --z-index-nu-menu-open: 11900;
  --bg: #ffffff;
  --text: #4F4F4F;
  --text-muted: #888888;
  --border: #E6E6E6;
  --border-color: #E6E6E6;
  --bg-hover: #E8E8E8;
  --card-bg: #ffffff;
  --accent: #0F8DCB;
  --btn-default-bg: #E7E7E7;
  --btn-default-hover: #E0E0E0;
  --btn-default-active: #D8D8D8;
  --btn-default-text: #444444;
  --tab-bg: #ffffff;
  --tab-text: #4F4F4F;
  --tab-border: #E6E6E6;
  --input-bg: #ffffff;
  --input-border: #DFDFDF;
  --input-text: #4C5052;
  --input-focus-border: #F9D100;
  --input-disabled-bg: #F5F5F5;
  --input-disabled-border: #E0E0E0;
  --input-disabled-text: #9B9B9B;
  --table-mobile-filter-bg: #EEEEEE;
  --table-mobile-filter-hover: #E0E0E0;
  --gallery-item-bg: #ffffff;
  --gallery-item-border: #E6E6E6;
  --gallery-item-hover-border: #d6d6d6;
  --gallery-btn-bg: var(--btn-default-bg);
  --gallery-btn-border: var(--btn-default-bg);
  /* List View layout: preset — min. szerokość kolumny siatki kart (desktop: auto-fill) */
  --gallery-list-preset-min-col: 260px;
  --nav-bg: #2C303B;
  --nav-item-bg: #1F2229;
  --nav-text: #ffffff;
  --nav-icon: #40abef;
  --nav-accent: #3ba2e8;
  --nav-hover: #100E17;
  --nav-border: #2C303B;
  --modal-bg: #ffffff;
  --modal-text: #4F4F4F;
  --modal-border: #F6F4F5;
  --modal-shadow: var(--shadow-lg);
  --modal-overlay: rgba(0, 0, 0, 0.5);
  --dropdown-bg: #ffffff;
  --dropdown-text: #4F4F4F;
  --dropdown-border: #E6E6E6;
  --dropdown-hover: #E6E6E6;
  --dropdown-divider: #E6E6E6;
  --dropdown-shadow: var(--shadow-md);
  --hr-top: #E6E6E6;
  --hr-bottom: #ffffff;
  /* Dashboard / worker cards (report-dashboard, cronWorkers) – tryb jasny */
  --worker-bg: var(--card-bg);
  --worker-border: #E6E6E6;
  --worker-hover: rgba(0, 0, 0, 0.03);
  --worker-text: #4F4F4F;
  --worker-text-secondary: #888888;
  --worker-status-size: 100%;
  --worker-padding: var(--space-3);
  --worker-border-radius: var(--radius-sm);
  --worker-shadow: var(--shadow-sm);
  --status-success-text: #0d8c1a;
  --status-success-bg: rgba(15, 172, 30, 0.1);
  --status-error-text: #c00;
  --status-error-bg: rgba(255, 77, 77, 0.08);
  --status-running-text: #b38600;
  --status-running-bg: rgba(255, 190, 0, 0.1);
  --status-info-text: #0F8DCB;
  --status-info-bg: rgba(15, 141, 203, 0.1);
  /* Chart.js (nu-chart, nu-chart-trends) */
  --chart-surface: var(--card-bg);
  --chart-border: var(--border-color);
  --chart-text: var(--text);
  --chart-grid: rgba(0, 0, 0, 0.08);
  --chart-legend: var(--text-muted);
  --chart-series-negative: #B2122C;
  --chart-series-positive: #0fac1e;
  --chart-series-negative-fill: rgba(178, 18, 44, 0.12);
  --chart-series-positive-fill: rgba(15, 172, 30, 0.1);
}

html.theme-dark {
  --bg: #2C303B;
  --text: #E6E6E6;
  --text-muted: #7B8990;
  --border: #1F2229;
  --border-color: #1F2229;
  --bg-hover: #252933;
  --bg-checked: rgba(64, 171, 239, 0.15);
  --card-bg: #2C303B;
  --accent: #40abef;
  --btn-default-bg: #1F2229;
  --btn-default-hover: #252933;
  --btn-default-active: #1b1f27;
  --btn-default-text: #E6E6E6;
  --tab-bg: #1F2229;
  --tab-text: #E6E6E6;
  --tab-border: #2C303B;
  --input-bg: #1F2229;
  --input-border: #3a3f4b;
  --input-text: #E6E6E6;
  --input-focus-border: #40abef;
  --input-disabled-bg: #1b1f27;
  --input-disabled-border: #2a2f3a;
  --input-disabled-text: #7B8990;
  --table-mobile-filter-bg: #1F2229;
  --table-mobile-filter-hover: #252933;
  --gallery-item-bg: #1F2229;
  --gallery-item-border: #1F2229;
  --gallery-item-hover-border: #252933;
  --gallery-btn-bg: #111316;
  --gallery-btn-border: #111316;
  --gallery-list-preset-min-col: 260px;
  --nav-bg: #1F2229;
  --nav-item-bg: #2C303B;
  --nav-text: #ffffff;
  --nav-icon: #40abef;
  --nav-accent: #3ba2e8;
  --nav-hover: #252933;
  --nav-border: #1F2229;
  --modal-bg: #2C303B;
  --modal-text: #E6E6E6;
  --modal-border: #3a3f4b;
  --modal-shadow: 0 0 34px -2px rgba(0, 0, 0, 0.6);
  --modal-overlay: rgba(0, 0, 0, 0.6);
  --dropdown-bg: #2C303B;
  --dropdown-text: #E6E6E6;
  --dropdown-border: #3a3f4b;
  --dropdown-hover: #252933;
  --dropdown-divider: #3a3f4b;
  --dropdown-shadow: 0 0 13px -2px rgba(0, 0, 0, 0.6);
  --hr-top: #2C303B;
  --hr-bottom: #1F2229;
  /* Dashboard / worker cards – tryb ciemny */
  --worker-bg: var(--card-bg);
  --worker-border: #3a3f4b;
  --worker-hover: rgba(255, 255, 255, 0.03);
  --worker-text: #E6E6E6;
  --worker-text-secondary: #7B8990;
  --status-success-text: #0fac1e;
  --status-success-bg: rgba(15, 172, 30, 0.1);
  --status-error-text: #ff4d4d;
  --status-error-bg: rgba(255, 77, 77, 0.1);
  --status-running-text: #ffbe00;
  --status-running-bg: rgba(255, 190, 0, 0.1);
  --status-info-text: #40abef;
  --status-info-bg: rgba(15, 141, 203, 0.1);
  --chart-surface: var(--card-bg);
  --chart-border: var(--border-color);
  --chart-text: var(--text);
  --chart-grid: rgba(255, 255, 255, 0.08);
  --chart-legend: var(--text-muted);
  --chart-series-negative: #e85a6f;
  --chart-series-positive: #3dd84f;
  --chart-series-negative-fill: rgba(232, 90, 111, 0.18);
  --chart-series-positive-fill: rgba(61, 216, 79, 0.14);
}

/** Warstwa nuModal (kontener + overlay): nad fixed headerami (np. header_menu 9999). */
/** Drawer nu-menu (otwarty): zawsze poniżej nuModal, nad treścią/headerem. */
:root {
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --font-family-base: Helvetica Neue, Helvetica, Arial, sans-serif;
  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 20px;
  --line-height-tight: 1.2;
  --line-height-base: 1.43;
  --line-height-loose: 1.6;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 9999px;
  --shadow-none: none;
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 0 13px -2px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 0 34px -2px rgba(0, 0, 0, 0.25);
  --z-index-base: 1;
  --z-index-dropdown: 1000;
  --z-index-sticky: 1020;
  --z-index-fixed: 1030;
  --z-index-modal-backdrop: 1040;
  --z-index-modal: 1050;
  --z-index-popover: 1060;
  --z-index-tooltip: 1070;
  --z-index-nu-modal-layer: 12000;
  --z-index-nu-menu-open: 11900;
  --bg: #ffffff;
  --text: #4F4F4F;
  --text-muted: #888888;
  --border: #E6E6E6;
  --border-color: #E6E6E6;
  --bg-hover: #E8E8E8;
  --card-bg: #ffffff;
  --accent: #0F8DCB;
  --btn-default-bg: #E7E7E7;
  --btn-default-hover: #E0E0E0;
  --btn-default-active: #D8D8D8;
  --btn-default-text: #444444;
  --tab-bg: #ffffff;
  --tab-text: #4F4F4F;
  --tab-border: #E6E6E6;
  --input-bg: #ffffff;
  --input-border: #DFDFDF;
  --input-text: #4C5052;
  --input-focus-border: #F9D100;
  --input-disabled-bg: #F5F5F5;
  --input-disabled-border: #E0E0E0;
  --input-disabled-text: #9B9B9B;
  --table-mobile-filter-bg: #EEEEEE;
  --table-mobile-filter-hover: #E0E0E0;
  --gallery-item-bg: #ffffff;
  --gallery-item-border: #E6E6E6;
  --gallery-item-hover-border: #d6d6d6;
  --gallery-btn-bg: var(--btn-default-bg);
  --gallery-btn-border: var(--btn-default-bg);
  /* List View layout: preset — min. szerokość kolumny siatki kart (desktop: auto-fill) */
  --gallery-list-preset-min-col: 260px;
  --nav-bg: #2C303B;
  --nav-item-bg: #1F2229;
  --nav-text: #ffffff;
  --nav-icon: #40abef;
  --nav-accent: #3ba2e8;
  --nav-hover: #100E17;
  --nav-border: #2C303B;
  --modal-bg: #ffffff;
  --modal-text: #4F4F4F;
  --modal-border: #F6F4F5;
  --modal-shadow: var(--shadow-lg);
  --modal-overlay: rgba(0, 0, 0, 0.5);
  --dropdown-bg: #ffffff;
  --dropdown-text: #4F4F4F;
  --dropdown-border: #E6E6E6;
  --dropdown-hover: #E6E6E6;
  --dropdown-divider: #E6E6E6;
  --dropdown-shadow: var(--shadow-md);
  --hr-top: #E6E6E6;
  --hr-bottom: #ffffff;
  /* Dashboard / worker cards (report-dashboard, cronWorkers) – tryb jasny */
  --worker-bg: var(--card-bg);
  --worker-border: #E6E6E6;
  --worker-hover: rgba(0, 0, 0, 0.03);
  --worker-text: #4F4F4F;
  --worker-text-secondary: #888888;
  --worker-status-size: 100%;
  --worker-padding: var(--space-3);
  --worker-border-radius: var(--radius-sm);
  --worker-shadow: var(--shadow-sm);
  --status-success-text: #0d8c1a;
  --status-success-bg: rgba(15, 172, 30, 0.1);
  --status-error-text: #c00;
  --status-error-bg: rgba(255, 77, 77, 0.08);
  --status-running-text: #b38600;
  --status-running-bg: rgba(255, 190, 0, 0.1);
  --status-info-text: #0F8DCB;
  --status-info-bg: rgba(15, 141, 203, 0.1);
  /* Chart.js (nu-chart, nu-chart-trends) */
  --chart-surface: var(--card-bg);
  --chart-border: var(--border-color);
  --chart-text: var(--text);
  --chart-grid: rgba(0, 0, 0, 0.08);
  --chart-legend: var(--text-muted);
  --chart-series-negative: #B2122C;
  --chart-series-positive: #0fac1e;
  --chart-series-negative-fill: rgba(178, 18, 44, 0.12);
  --chart-series-positive-fill: rgba(15, 172, 30, 0.1);
}

html.theme-dark {
  --bg: #2C303B;
  --text: #E6E6E6;
  --text-muted: #7B8990;
  --border: #1F2229;
  --border-color: #1F2229;
  --bg-hover: #252933;
  --bg-checked: rgba(64, 171, 239, 0.15);
  --card-bg: #2C303B;
  --accent: #40abef;
  --btn-default-bg: #1F2229;
  --btn-default-hover: #252933;
  --btn-default-active: #1b1f27;
  --btn-default-text: #E6E6E6;
  --tab-bg: #1F2229;
  --tab-text: #E6E6E6;
  --tab-border: #2C303B;
  --input-bg: #1F2229;
  --input-border: #3a3f4b;
  --input-text: #E6E6E6;
  --input-focus-border: #40abef;
  --input-disabled-bg: #1b1f27;
  --input-disabled-border: #2a2f3a;
  --input-disabled-text: #7B8990;
  --table-mobile-filter-bg: #1F2229;
  --table-mobile-filter-hover: #252933;
  --gallery-item-bg: #1F2229;
  --gallery-item-border: #1F2229;
  --gallery-item-hover-border: #252933;
  --gallery-btn-bg: #111316;
  --gallery-btn-border: #111316;
  --gallery-list-preset-min-col: 260px;
  --nav-bg: #1F2229;
  --nav-item-bg: #2C303B;
  --nav-text: #ffffff;
  --nav-icon: #40abef;
  --nav-accent: #3ba2e8;
  --nav-hover: #252933;
  --nav-border: #1F2229;
  --modal-bg: #2C303B;
  --modal-text: #E6E6E6;
  --modal-border: #3a3f4b;
  --modal-shadow: 0 0 34px -2px rgba(0, 0, 0, 0.6);
  --modal-overlay: rgba(0, 0, 0, 0.6);
  --dropdown-bg: #2C303B;
  --dropdown-text: #E6E6E6;
  --dropdown-border: #3a3f4b;
  --dropdown-hover: #252933;
  --dropdown-divider: #3a3f4b;
  --dropdown-shadow: 0 0 13px -2px rgba(0, 0, 0, 0.6);
  --hr-top: #2C303B;
  --hr-bottom: #1F2229;
  /* Dashboard / worker cards – tryb ciemny */
  --worker-bg: var(--card-bg);
  --worker-border: #3a3f4b;
  --worker-hover: rgba(255, 255, 255, 0.03);
  --worker-text: #E6E6E6;
  --worker-text-secondary: #7B8990;
  --status-success-text: #0fac1e;
  --status-success-bg: rgba(15, 172, 30, 0.1);
  --status-error-text: #ff4d4d;
  --status-error-bg: rgba(255, 77, 77, 0.1);
  --status-running-text: #ffbe00;
  --status-running-bg: rgba(255, 190, 0, 0.1);
  --status-info-text: #40abef;
  --status-info-bg: rgba(15, 141, 203, 0.1);
  --chart-surface: var(--card-bg);
  --chart-border: var(--border-color);
  --chart-text: var(--text);
  --chart-grid: rgba(255, 255, 255, 0.08);
  --chart-legend: var(--text-muted);
  --chart-series-negative: #e85a6f;
  --chart-series-positive: #3dd84f;
  --chart-series-negative-fill: rgba(232, 90, 111, 0.18);
  --chart-series-positive-fill: rgba(61, 216, 79, 0.14);
}

.accordion {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  gap: 0;
  overflow-x: hidden;
  padding-right: 1px;
}

.accordion_item {
  border: 1px solid var(--accordion-border-color, var(--border-color, var(--border, #E6E6E6)));
  background: var(--accordion-bg, var(--bg, #FFF));
  position: relative;
  border-radius: 0;
  overflow: hidden;
}
.accordion_item + .accordion_item {
  margin-top: -1px;
}
.accordion_item:first-child {
  border-top-left-radius: var(--accordion-radius, var(--border-radius, 2px));
  border-top-right-radius: var(--accordion-radius, var(--border-radius, 2px));
}
.accordion_item:last-child {
  border-bottom-left-radius: var(--accordion-radius, var(--border-radius, 2px));
  border-bottom-right-radius: var(--accordion-radius, var(--border-radius, 2px));
}
.accordion_item .accordion_header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none;
  background: transparent;
  font: inherit;
  color: var(--accordion-header-text, var(--text, #4F4F4F));
  transition: background-color 0.2s;
  user-select: none;
  box-sizing: border-box;
  list-style: none;
}
.accordion_item .accordion_header::-webkit-details-marker {
  display: none;
}
.accordion_item .accordion_header::marker {
  display: none;
}
.accordion_item .accordion_header:hover {
  background: var(--accordion-header-hover, var(--bg-hover, #EEEEEE));
}
.accordion_item .accordion_header .accordion_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  transition: transform 0.2s;
  color: var(--text-muted, #888888);
}
.accordion_item .accordion_header .accordion_icon .mdi {
  font-size: 20px;
}
.accordion_item .accordion_header .accordion_title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.accordion_item .accordion_body {
  overflow: hidden;
  transition: max-height 0.25s ease-out;
  border-top: 1px solid var(--accordion-border-color, var(--border-color, var(--border, #E6E6E6)));
  background: var(--accordion-body-bg, #F9F9F9);
  padding: 12px 16px;
}
.accordion_item[open] .accordion_body, .accordion_item.is-open .accordion_body {
  max-height: 2000px;
}
.accordion_item[open] .accordion_icon, .accordion_item.is-open .accordion_icon {
  transform: rotate(180deg);
}
.accordion_item:not([open]):not(.is-open) .accordion_body {
  max-height: 0;
  border-top-color: transparent;
}

.accordion_item.accordion_iconEnd .accordion_header .accordion_icon {
  order: 1;
  margin-left: auto;
}

html.theme-dark .accordion .accordion_item {
  border-color: #1F2229;
}
html.theme-dark .accordion .accordion_item .accordion_header {
  color: #fff;
}
html.theme-dark .accordion .accordion_item .accordion_header:hover {
  background: rgba(255, 255, 255, 0.08);
}
html.theme-dark .accordion .accordion_item .accordion_header .accordion_icon {
  color: rgba(255, 255, 255, 0.75);
}
html.theme-dark .accordion .accordion_item .accordion_body {
  border-top-color: #1F2229;
  background: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.9);
}