/* Theme tokens: vilagos mod szinei es alap valtozoi. */
:root {
  color-scheme: light;

  --steel-blue: #6f93ad;
  --steel-blue-dark: #4f748f;
  --steel-blue-light: #d9e7ef;
  --page-bg-start: rgba(217, 231, 239, 0.95);
  --page-bg-end: rgba(238, 245, 248, 0.95);
  --panel-bg: rgba(255, 255, 255, 0.5);
  --panel-border: rgba(79, 116, 143, 0.18);
  --nav-shadow: rgba(33, 55, 70, 0.12);
  --dropdown-bg: #ffffff;
  --dropdown-text: #213746;
  --dropdown-active-text: #ffffff;
  --chart-grid: rgba(79, 116, 143, 0.18);
  --chart-bar-bg: rgba(111, 147, 173, 0.72);
  --chart-bar-border: #4f748f;
  --toggle-bg: rgba(255, 255, 255, 0.22);
  --toggle-border: rgba(255, 255, 255, 0.45);
  --toggle-text: #ffffff;
  --page-text: #213746;
  --muted-text: rgba(33, 55, 70, 0.68);
  --card-bg: rgba(255, 255, 255, 0.76);
  --card-shadow: rgba(33, 55, 70, 0.1);
  --accent-green: #2f7d59;
  --accent-amber: #9a6917;
  --accent-red: #a84d3a;

  --ag-bg: var(--page-bg-end);
  --ag-surface: var(--card-bg);
  --ag-surface-muted: var(--steel-blue-light);
  --ag-card-chrome-bg: #b9cfdd;
  --ag-card-chrome-border: rgba(79, 116, 143, 0.42);
  --ag-text: var(--page-text);
  --ag-text-muted: var(--muted-text);
  --ag-border: var(--panel-border);
  --message-table-header: var(--ag-surface-muted);
  --ag-primary: var(--steel-blue-dark);
  --ag-primary-hover: var(--steel-blue-light);
  --ag-primary-text: #ffffff;
  --ag-primary-hover-text: var(--page-text);
  --ag-link: var(--steel-blue-dark);
  --ag-link-hover: var(--steel-blue-dark);
  --ag-sidebar-accent: var(--steel-blue-light);
  --ag-success: var(--accent-green);
  --ag-warning: var(--accent-amber);
  --ag-danger: var(--accent-red);
  --ag-info: var(--steel-blue-dark);
  --ag-input-bg: var(--dropdown-bg);
  --ag-input-text: var(--dropdown-text);
  --ag-input-border: var(--steel-blue-dark);
  --ag-input-focus: var(--steel-blue-dark);
  --ag-disabled-bg: #d4d4d4;
  --ag-disabled-text: var(--page-text);
  --ag-shadow-sm: var(--card-shadow);
  --ag-shadow-md: var(--nav-shadow);
  --ag-overlay: rgba(0, 0, 0, 0.5);
}

/* Theme tokens: sotet mod felulirasai html[data-theme="dark"] alatt. */
html[data-theme="dark"] {
  color-scheme: dark;

  --steel-blue: #486b83;
  --steel-blue-dark: #b8cfde;
  --steel-blue-light: #172733;
  --page-bg-start: rgba(23, 39, 51, 0.98);
  --page-bg-end: rgba(42, 65, 82, 0.98);
  --panel-bg: rgba(216, 232, 241, 0.12);
  --panel-border: rgba(184, 207, 222, 0.3);
  --nav-shadow: rgba(4, 12, 18, 0.4);
  --dropdown-bg: #223746;
  --dropdown-text: #e7f0f6;
  --dropdown-active-text: #172733;
  --chart-grid: rgba(184, 207, 222, 0.18);
  --chart-bar-bg: rgba(184, 207, 222, 0.68);
  --chart-bar-border: #d8e8f1;
  --toggle-bg: rgba(216, 232, 241, 0.16);
  --toggle-border: rgba(216, 232, 241, 0.38);
  --toggle-text: #f1f7fa;
  --page-text: #e7f0f6;
  --muted-text: rgba(231, 240, 246, 0.66);
  --card-bg: rgba(216, 232, 241, 0.11);
  --card-shadow: rgba(4, 12, 18, 0.28);
  --accent-green: #8ed4ad;
  --accent-amber: #e0b86c;
  --accent-red: #df8b7c;

  --ag-primary: var(--steel-blue);
  --ag-primary-hover: var(--steel-blue-dark);
  --ag-primary-text: #ffffff;
  --ag-primary-hover-text: var(--steel-blue-light);
  --ag-bg: var(--page-bg-end);
  --ag-surface: var(--card-bg);
  --ag-surface-muted: var(--steel-blue-light);
  --ag-card-chrome-bg: #34586f;
  --ag-card-chrome-border: rgba(184, 207, 222, 0.48);
  --ag-text: var(--page-text);
  --ag-text-muted: var(--muted-text);
  --ag-border: var(--panel-border);
  --message-table-header: var(--ag-surface-muted);
  --ag-link: var(--steel-blue-dark);
  --ag-link-hover: var(--steel-blue-dark);
  --ag-sidebar-accent: var(--steel-blue-dark);
  --ag-success: var(--accent-green);
  --ag-warning: var(--accent-amber);
  --ag-danger: var(--accent-red);
  --ag-info: var(--steel-blue-dark);
  --ag-input-bg: var(--dropdown-bg);
  --ag-input-text: var(--dropdown-text);
  --ag-input-border: var(--steel-blue-dark);
  --ag-input-focus: var(--steel-blue-dark);
  --ag-disabled-bg: #374151;
  --ag-disabled-text: var(--page-text);
  --ag-shadow-sm: var(--card-shadow);
  --ag-shadow-md: var(--nav-shadow);
  --ag-overlay: rgba(0, 0, 0, 0.75);

  /* Legacy aliases must be resolved again on the themed element. */
  --apostol-green: var(--ag-primary);
  --apostol-darkgreen: var(--ag-sidebar-accent);
  --color099: var(--apostol-green);
  --color004: var(--apostol-darkgreen);
  --color124: var(--ag-surface-muted);
  --color200: var(--ag-surface-muted);
  --color201: var(--ag-link);
  --color202: var(--ag-link-hover);
  --color203: var(--ag-border);
  --color204: var(--ag-surface-muted);
  --color205: var(--ag-danger);
  --color206: var(--ag-success);
  --button-color: var(--ag-primary) !important;
  --button-hover-color: var(--ag-primary-hover) !important;
  --button-text-color: var(--ag-primary-text) !important;
  --button-hover-text-color: var(--ag-primary-hover-text) !important;
  --button-color-disabled: var(--ag-disabled-bg) !important;
  --button-hover-color-disabled: var(--ag-disabled-bg) !important;
  --button-text-color-disabled: var(--ag-disabled-text) !important;
}

/* Global shell: teljes oldal es fo tartalom alapszinei. */
body {
  background: linear-gradient(180deg, var(--page-bg-start), var(--page-bg-end));
  color: var(--ag-text);
}

#content {
  background: linear-gradient(180deg, var(--page-bg-start), var(--page-bg-end));
  color: var(--ag-text);
}

#sidebar ul li a,
#sidebar .footer p {
  color: var(--ag-primary-text);
}

#sidebar .custom-menu .btn.btn-primary,
#sidebar .custom-menu .btn.btn-primary:hover,
#sidebar .custom-menu .btn.btn-primary:focus {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--ag-primary-text) !important;
  isolation: isolate;
}

#sidebar .custom-menu .btn.btn-primary i {
  color: var(--ag-primary-text);
}

#sidebar .custom-menu .btn.btn-primary::after {
  background-color: #4f748f;
}

#sidebar .custom-menu .btn.btn-primary:focus {
  outline: none !important;
}

#sidebar .custom-menu .btn.btn-primary:focus::after {
  box-shadow: 0 0 0 2px var(--steel-blue-dark);
}

/* Bootstrap bridge: alap kartyaelemek theme valtozokra kotese. */
.card {
  background-color: var(--ag-surface);
  color: var(--ag-text);
  border-color: var(--ag-border);
}

.card-header {
  background-color: var(--ag-card-chrome-bg);
  color: var(--ag-text);
  border-color: var(--ag-border);
}

.card-body {
  background-color: var(--ag-surface);
  color: var(--ag-text);
}

/* Page titles and dividers use the legacy dimensions in both class families. */
.ag-page-title,
.page-name-style {
  color: var(--ag-text);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 0.5rem;
}

.ag-page-divider,
.hr-sepataror-style {
  width: auto;
  height: 5px;
  margin: 3px 0 25px;
  border: 0;
  background: var(--ag-primary);
  opacity: 1;
}

/* Generic surfaces: altalanos AdminGo panel es kartya alapok. */
.ag-panel,
.ag-card {
  background-color: var(--ag-surface);
  color: var(--ag-text);
  border-color: var(--ag-border);
}

.ag-panel {
  background-color: var(--panel-bg);
}

/* Compact active worksheet cards. */
.ag-worksheet-card__layout {
  display: grid;
  grid-template-areas: "identity customer device process warning";
  grid-template-columns: minmax(0, 15fr) minmax(0, 27fr) minmax(0, 27fr) minmax(0, 16fr) minmax(0, 15fr);
  gap: 1rem;
  align-items: start;
}

.card-body.ag-worksheet-card__body {
  min-height: 7.5rem;
  padding: 0.875rem 1rem;
}

.ag-worksheet-card__identity,
.ag-worksheet-card__customer,
.ag-worksheet-card__device,
.ag-worksheet-card__process,
.ag-worksheet-card__warning {
  min-width: 0;
}

.ag-worksheet-card__identity { grid-area: identity; }
.ag-worksheet-card__customer { grid-area: customer; }
.ag-worksheet-card__device { grid-area: device; }
.ag-worksheet-card__process { grid-area: process; }
.ag-worksheet-card__warning { grid-area: warning; }

.ag-worksheet-card__label {
  color: var(--ag-text-muted);
  font-size: 0.8rem;
  line-height: 1.2;
  margin-bottom: 0.3rem;
}

.ag-worksheet-card__number {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.3;
}

.ag-worksheet-card__primary {
  font-size: 1.025rem;
  font-weight: 600;
  line-height: 1.3;
}

.ag-worksheet-card__normal {
  font-size: 0.9rem;
  line-height: 1.3;
}

.ag-worksheet-card__secondary {
  color: var(--ag-text-muted);
  font-size: 0.85rem;
  line-height: 1.3;
}

.ag-worksheet-card__classification {
  margin-top: 0.65rem;
  color: var(--ag-text);
  overflow-wrap: anywhere;
}

.ag-worksheet-card__contact {
  margin-top: 0.55rem;
}

.ag-worksheet-card__warning--present {
  border-left: 2px solid var(--ag-border);
  padding-left: 0.75rem;
}

.ag-worksheet-card__warning--due {
  border-left-color: var(--ag-danger);
}

@media (max-width: 1199.98px) {
  .ag-worksheet-card__layout {
    grid-template-areas: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ag-worksheet-card__layout > * {
    grid-area: auto;
  }

  .ag-worksheet-card__warning--present {
    grid-column: 1 / -1;
  }

  .ag-worksheet-card__warning:not(.ag-worksheet-card__warning--present) {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .ag-worksheet-card__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .ag-worksheet-card__warning--present {
    grid-column: auto;
  }
}

/* Panel headers: rendeles modul regi services-header alias reteghez. */
.ag-panel-header {
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-weight: normal;
  height: 32px;
}

/* Incoming email panels: eorders.php beerkezo email panel vaz. */
.ag-email-card {
  margin: auto;
}

.ag-email-preview-body {
  height: 700px;
}

/* Notes panels: eorderticket.php feljegyzesek kulso szekcio magassaga. */
.ag-notes-section {
  height: 700px;
}

/* Incoming email preview: csatolmany lista es iframe megjelenites. */
.ag-email-frame {
  width: 100%;
  height: 90%;
  border: 1px solid #ccc;
  display: none;
}

.ag-email-attachments {
  display: none;
  overflow: hidden;
  width: 100%;
  max-height: 500px;
  overflow-y: auto;
  background-color: #f8f9fa;
}

/* Incoming email dropdown: JS-ben generalt email muvelet menu. */
.ag-email-dropdown {
  width: 40px !important;
  position: relative;
  z-index: 10;
}

.ag-email-menu {
  background-color: var(--ag-surface);
  color: var(--ag-text);
  border-color: var(--ag-border);
}

.ag-email-menu-item {
  color: var(--ag-text);
}

.ag-email-menu-item:hover,
.ag-email-menu-item:focus {
  background-color: var(--ag-surface-muted);
  color: var(--ag-text);
}

/* Incoming email list: JS-ben generalt #newmails listaelemek es selected allapot. */
.ag-email-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background 0.2s;
  padding: 10px;
}

.ag-email-list-item.selected {
  background: var(--button-color);
}

.ag-email-list-item:not(:last-child) {
  border-bottom: 2px solid #ddd !important;
}

.ag-email-list-item:hover {
  background: var(--color204);
}

.ag-email-list-item.selected:hover {
  background: var(--button-color);
}

/* Order cards: generalt megrendeleskartya hover viselkedes. */
.ag-hover-card {
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.ag-hover-card:hover {
  transform: scale(1.03);
}

/* Order cards: generalt megrendeleskartya header es footer elemek. */
.ag-card-header {
  background-color: var(--ag-surface-muted);
  color: var(--ag-text);
  border-color: var(--ag-border);
}

.ag-order-card-header {
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-weight: normal;
}

.ag-card-footer {
  background-color: var(--ag-surface-muted);
  color: var(--ag-text-muted);
  border-color: var(--ag-border);
  border-top: 1px solid var(--ag-border);
  padding: 8px;
  height: 38px;
  font-size: 0.9rem;
}

/* Worksheet and order cards: distinct chrome without changing panel headers. */
.card-header.eorder-header,
.card-header.ag-card-header,
.card-footer.services-footer,
.card-footer.ag-card-footer {
  background-color: var(--ag-card-chrome-bg);
}

.card-header.eorder-header,
.card-header.ag-card-header {
  border-bottom: 1px solid var(--ag-card-chrome-border);
}

.card-footer.services-footer,
.card-footer.ag-card-footer {
  border-top: 1px solid var(--ag-card-chrome-border);
}

/* Buttons: altalanos AdminGo gomb es eorders datum gyorsgombok. */
.ag-button {
  background-color: var(--ag-primary);
  color: var(--ag-primary-text);
  border-color: var(--ag-primary);
}

.ag-button:hover,
.ag-button:focus {
  background-color: var(--ag-primary-hover);
  color: var(--ag-primary-hover-text);
  border-color: var(--ag-primary-hover);
}

.ag-button-compact {
  width: 55px;
  margin: 1px;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.3;
  text-transform: uppercase;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}

.ag-date-preset-button {
  background-color: var(--ag-primary);
  color: var(--ag-primary-text);
  border-color: var(--ag-primary);
  transition: none;
}

.ag-date-preset-button::before,
.ag-date-preset-button:hover::before,
.ag-date-preset-button:focus::before {
  content: none;
  display: none;
}

.ag-date-preset-button:hover,
.ag-date-preset-button:focus {
  background-color: var(--ag-primary-hover);
  color: var(--ag-primary-hover-text);
  border-color: var(--ag-primary-hover);
}

/* Forms: eorders datum input, kereso input es statusz select. */
.ag-input {
  background-color: var(--ag-input-bg);
  color: var(--ag-input-text);
  border-color: var(--ag-input-border);
}

.ag-input:focus {
  border-color: var(--ag-input-focus);
}

.ag-date-input,
.ag-search-input {
  background-color: var(--ag-input-bg);
  color: var(--ag-input-text);
  border-color: var(--ag-input-border);
}

.ag-date-input {
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
}

.ag-search-input {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border-style: solid;
  border-radius: var(--bs-border-radius);
  appearance: none;
}

.ag-date-input:focus,
.ag-search-input:focus {
  border-color: var(--ag-input-focus);
}

.ag-select {
  background-color: var(--ag-input-bg);
  color: var(--ag-input-text);
  border-color: var(--ag-input-border);
}

.ag-select:focus {
  border-color: var(--ag-input-focus);
  box-shadow: 0 0 5px var(--chart-grid);
}

/* Legacy and Bootstrap form controls share the same light/dark input colors. */
.form-control,
.form-select,
.text-input {
  background-color: var(--ag-input-bg);
  color: var(--ag-input-text);
  border-color: var(--ag-input-border);
}

.form-control:focus,
.form-select:focus,
.text-input:focus {
  background-color: var(--ag-input-bg);
  color: var(--ag-input-text);
  border-color: var(--ag-input-focus);
}

.ag-status-select {
  background-color: var(--ag-input-bg);
  color: var(--ag-input-text);
  border-color: var(--ag-input-border);
}

.ag-modal-order-select {
  width: 100%;
  font-size: 13px;
  padding: 6px;
}

/* Utilities: kattinthato elemek jelolese eorderticket dokumentum listaban. */
.ag-clickable {
  cursor: pointer;
}

/* Tables: manageorders.php es manageemails.php listanezetek wrapper, tabla es muvelet cella. */
.ag-table-wrapper {
  max-height: 500px;
  overflow: auto;
}

.ag-data-table {
  background-color: var(--ag-surface);
  color: var(--ag-text);
  border-color: var(--ag-border);
}

.ag-data-table-header {
  background-color: var(--message-table-header);
}

.ag-table-action-cell {
  text-align: right;
}

/* NAV invoice lists: compact office tables with shared column sizing. */
.ag-nav-table-wrapper {
  max-height: 640px;
  overflow: auto;
}

.ag-nav-invoice-table {
  table-layout: fixed;
  font-size: 0.86rem;
}

.ag-nav-invoice-table--incoming { min-width: 1480px; }
.ag-nav-invoice-table--outgoing {
  width: 100%;
  min-width: 1320px;
  max-width: 1450px;
}

.ag-nav-invoice-table--incoming th:nth-child(1) { width: 8.5%; }
.ag-nav-invoice-table--incoming th:nth-child(2) { width: 15.2%; }
.ag-nav-invoice-table--incoming th:nth-child(3) { width: 14.2%; }
.ag-nav-invoice-table--incoming th:nth-child(4),
.ag-nav-invoice-table--incoming th:nth-child(5) { width: 9.3%; }
.ag-nav-invoice-table--incoming th:nth-child(6) { width: 8.5%; }
.ag-nav-invoice-table--incoming th:nth-child(7) { width: 8.8%; }
.ag-nav-invoice-table--incoming th:nth-child(8) { width: 7.9%; }
.ag-nav-invoice-table--incoming th:nth-child(9) { width: 12.3%; }
.ag-nav-invoice-table--incoming th:nth-child(10) { width: 6%; }

.ag-nav-invoice-table--outgoing th:nth-child(1) { width: 17%; }
.ag-nav-invoice-table--outgoing th:nth-child(2) { width: 15.2%; }
.ag-nav-invoice-table--outgoing th:nth-child(3),
.ag-nav-invoice-table--outgoing th:nth-child(4) { width: 10.3%; }
.ag-nav-invoice-table--outgoing th:nth-child(5),
.ag-nav-invoice-table--outgoing th:nth-child(6) { width: 10.5%; }
.ag-nav-invoice-table--outgoing th:nth-child(7) { width: 9%; }
.ag-nav-invoice-table--outgoing th:nth-child(8) { width: 10.7%; }
.ag-nav-invoice-table--outgoing th:nth-child(9) { width: 6.5%; }

.ag-nav-invoice-table th,
.ag-nav-invoice-table td {
  padding: 4px 6px;
  line-height: 1.2;
  vertical-align: middle;
}

.ag-nav-invoice-table thead th {
  position: sticky;
  top: 0;
  z-index: 4;
  background-color: var(--ag-surface-muted);
  white-space: nowrap;
}

.ag-nav-column-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.ag-nav-invoice-table .ag-nav-column-heading .btn {
  padding-inline: 4px;
}

.ag-nav-invoice-table .ag-nav-column-filter {
  width: 100%;
  min-width: 0;
  margin-top: 4px;
  font-size: 0.8rem;
}

.ag-nav-detail-lines {
  width: 100%;
  min-width: 1080px;
  table-layout: fixed;
  font-size: 0.85rem;
}

.ag-nav-detail-lines th,
.ag-nav-detail-lines td {
  overflow-wrap: anywhere;
  vertical-align: top;
}

.ag-nav-detail-lines th:nth-child(1) { width: 3%; }
.ag-nav-detail-lines th:nth-child(2) { width: 5%; }
.ag-nav-detail-lines th:nth-child(3) { width: 21%; }
.ag-nav-detail-lines th:nth-child(4) { width: 6%; }
.ag-nav-detail-lines th:nth-child(5) { width: 6%; }
.ag-nav-detail-lines th:nth-child(6),
.ag-nav-detail-lines th:nth-child(7),
.ag-nav-detail-lines th:nth-child(9),
.ag-nav-detail-lines th:nth-child(10) { width: 9%; }
.ag-nav-detail-lines th:nth-child(8) { width: 10%; }
.ag-nav-detail-lines th:nth-child(11) { width: 6%; }
.ag-nav-detail-lines th:nth-child(12) { width: 7%; }

.ag-nav-detail-lines td:nth-child(1),
.ag-nav-detail-lines td:nth-child(2),
.ag-nav-detail-lines td:nth-child(4),
.ag-nav-detail-lines td:nth-child(6),
.ag-nav-detail-lines td:nth-child(7),
.ag-nav-detail-lines td:nth-child(9),
.ag-nav-detail-lines td:nth-child(10) {
  text-align: right;
}

.ag-nav-detail-lines td:nth-child(12) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-nav-runs-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: auto;
  min-height: 32px;
  overflow: visible;
  white-space: normal;
}

.ag-nav-runs-filters,
.ag-nav-runs-filters label {
  display: flex;
  align-items: center;
  gap: 6px;
}

.ag-nav-runs-filters {
  flex-wrap: wrap;
  gap: 8px 12px;
}

.ag-nav-runs-filters label {
  margin: 0;
  font-size: 0.85rem;
}

.ag-nav-runs-filters input {
  width: 145px;
}

.ag-nav-runs-wrapper {
  max-height: 360px;
  overflow: auto;
}

.ag-nav-runs-table {
  min-width: 1050px;
}

.ag-nav-runs-table th,
.ag-nav-runs-table td {
  padding: 5px 8px;
  vertical-align: middle;
  white-space: nowrap;
}

.ag-nav-runs-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--ag-surface-muted);
}

.ag-nav-runs-table th:first-child,
.ag-nav-runs-table th:nth-child(6) {
  width: 5%;
}

.ag-nav-runs-table th:last-child,
.ag-nav-runs-table td:last-child {
  width: 24%;
  white-space: normal;
  overflow-wrap: anywhere;
}

.ag-nav-status-column {
  position: sticky;
  left: 0;
  z-index: 3;
  width: 132px;
  min-width: 132px;
  max-width: 132px;
  background-color: var(--ag-surface);
  box-shadow: 1px 0 0 var(--ag-border);
}

.ag-nav-invoice-table.ag-nav-edit-enabled .ag-nav-status-column {
  background-color: #fff3cd;
}

.ag-nav-invoice-table thead .ag-nav-status-column {
  z-index: 5;
  background-color: var(--ag-surface-muted);
}

.ag-nav-invoice-table.ag-nav-edit-enabled thead .ag-nav-status-column {
  background-color: #ffe8a1;
}

html[data-theme="dark"] .ag-nav-invoice-table.ag-nav-edit-enabled .ag-nav-status-column {
  color: var(--dropdown-active-text);
}

html[data-theme="dark"] .ag-nav-invoice-table.ag-nav-edit-enabled .ag-nav-dossier-month {
  color: var(--dropdown-active-text);
}

.ag-nav-edit-switch {
  font-size: 0.86rem;
  white-space: nowrap;
}

.ag-nav-date-range {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

@media (max-width: 575.98px) {
  .ag-nav-date-range {
    grid-template-columns: 1fr;
  }
}

.ag-nav-status-actions {
  display: grid;
  grid-template-columns: repeat(4, 26px);
  gap: 3px;
  align-items: center;
}

.ag-nav-dossier-month {
  margin-top: 2px;
  font-size: 0.72rem;
  line-height: 1;
  color: var(--ag-text-muted);
  white-space: nowrap;
}

.ag-nav-invoice-number {
  white-space: nowrap;
}

.ag-nav-invoice-number strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-nav-invoice-table--outgoing td:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-nav-invoice-table--outgoing td:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-nav-supplier-cell {
  width: 220px;
  min-width: 220px;
}

.ag-nav-supplier-name,
.ag-nav-note-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-nav-tax-number,
.ag-nav-vat-huf,
.ag-nav-currency,
.ag-nav-missing-amount {
  color: var(--ag-text-muted);
  font-size: 0.78rem;
}

.ag-nav-date-cell {
  width: 104px;
  min-width: 104px;
  white-space: nowrap;
}

.ag-nav-amount-cell,
.ag-nav-invoice-table--outgoing td:nth-child(5),
.ag-nav-invoice-table--outgoing td:nth-child(6),
.ag-nav-invoice-table--outgoing td:nth-child(7) {
  text-align: right;
  overflow-wrap: anywhere;
}

.ag-nav-gross-cell {
  font-weight: 700;
}

.ag-nav-note-cell {
  min-width: 190px;
  max-width: 240px;
  white-space: nowrap;
}

.ag-nav-note-cell .ag-nav-note-text {
  display: inline-block;
  max-width: calc(100% - 36px);
  vertical-align: middle;
}

/* Loading indicators: evenni.php hosszu lekerdezes alatti spinner. */
.ag-spinner {
  width: 50px;
  height: 50px;
  border: 6px solid #f3f3f3;
  border-top: 6px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 100px auto;
}

/* Text roles: panelcimek es megrendeleskartya statusz osszefoglalo meretek. */
.ag-panel-title,
.ag-status-count,
.ag-status-icon {
  font-size: 1.125rem !important;
}

/* Modal buttons: regi main-button viselkedes eOrders modal es statusz gombokhoz. */
.ag-modal-button {
  font-size: 14px;
  letter-spacing: 0px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  padding: 0.7em;
  border: 3px solid black;
  border-radius: 2px;
  position: relative;
  color: var(--button-text-color);
  text-decoration: none;
  transition: 0.3s ease all;
  z-index: 1;
  width: 100%;
  margin: 4px;
  background-color: var(--button-color);
}

.ag-modal-button-fixed {
  max-width: 200px;
  width: auto;
}

.ag-modal-button:disabled {
  color: var(--button-text-color-disabled);
  background-color: var(--button-color-disabled);
}

.ag-modal-button::before {
  transition: 0.5s all ease;
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  bottom: 0;
  opacity: 0;
  content: '';
  background-color: var(--button-hover-color);
  z-index: -1;
}

.ag-modal-button:not(:disabled):hover,
.ag-modal-button:not(:disabled):focus {
  color: var(--button-hover-text-color);
}

.ag-modal-button:disabled:hover,
.ag-modal-button:disabled:focus {
  cursor: not-allowed;
}

.ag-modal-button:hover::before,
.ag-modal-button:focus::before {
  transition: 0.5s all ease;
  left: 0;
  right: 0;
  opacity: 1;
}

.ag-modal-button:active {
  transform: scale(0.9);
}

/* Floating menu: eOrders jobb felso lebego modulmenu gomb es panel. */
.ag-floating-action-button {
  position: fixed;
  top: 33px;
  right: 20px;
  border-radius: 30%;
  width: 35px;
  height: 35px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
}

.ag-floating-menu {
  display: none;
  position: fixed;
  top: 40px;
  right: 60px;
  width: 240px;
  background: var(--dropdown-bg);
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  z-index: 1049;
}

.ag-floating-menu .list-group-item {
  text-align: left;
  border: none;
  padding: 10px 15px;
  background-color: var(--dropdown-bg);
  color: var(--dropdown-text);
}

.ag-floating-menu .list-group-item:hover {
  text-align: left;
  background: var(--color204);
  border: none;
  padding: 10px 15px;
}

.ag-floating-menu a {
  text-decoration: none;
  color: var(--color201);
  font-weight: bold;
}

/* Order cards: tartalmi elvalaszto, statusz osszegzo es statusz ikon szinek. */
.ag-content-divider {
  height: 2px;
  border-width: 0;
  color: gray;
  background-color: gray;
  margin-top: 2px;
}

.ag-status-summary {
  width: 100px;
  min-width: 100px;
  padding: 10px;
  align-items: center;
  justify-content: center;
  border-left: 1px solid var(--ag-border);
}

.ag-status-ok {
  color: var(--ag-success);
}

.ag-status-error {
  color: var(--ag-danger);
}

html[data-theme="dark"] .ag-status-ok,
html[data-theme="dark"] .ag-status-error,
html[data-theme="dark"] .warning-message,
html[data-theme="dark"] .allowed-message {
  background-color: var(--dropdown-bg);
  border-radius: 3px;
  padding: 0 2px;
}

@media not all {
/* DEBUG ONLY - theme.css controlled areas DEBUG ONLY DEBUG ONLY DEBUG ONLY DEBUG ONLY DEBUG ONLY DEBUG ONLY DEBUG ONLY DEBUG ONLY*/
body {
  background-color: #ff00ff;
  color: #00ff00;
}

#content {
  background-color: #00ffff;
  color: #ff0000;
}

.card {
  background-color: #ffff00;
  color: #0000ff;
  border-color: #ff0000;
}

.card-header {
  background-color: #ff6600;
  color: #000000;
  border-color: #00ff00;
}

.card-body {
  background-color: #00ff00;
  color: #ff00ff;
}

.ag-page-title {
  outline: 4px solid #ff0000;
  background-color: #ffff00;
}

.ag-page-divider {
  border-color: #ff0000;
  border-width: 4px;
}

.ag-panel {
  outline: 4px dashed #0000ff;
}

.ag-card {
  outline: 5px solid #ff00ff;
}

.ag-card-header {
  outline: 4px solid #00ffff;
}

.ag-card-footer {
  outline: 4px solid #00ff00;
  background-color: #0000ff;
  color: #ffff00;
  box-shadow: inset 0 0 0 5px #ff0000;
}

.ag-button {
  outline: 4px solid #ffff00;
  background-color: #0000ff;
  color: #ffff00;
}

.ag-button:hover,
.ag-button:focus {
  outline: 6px solid #ff0000;
  box-shadow: 0 0 0 5px #00ff00;
  background-color: yellow
}

.ag-button-compact {
  outline: 5px dotted #ffffff;
}

.ag-date-preset-button {
  outline: 5px dashed #ff0000;
  box-shadow: 0 0 0 4px #00ffff;
  background-color: #ff0000;
  color: #00ffff;
}

.ag-date-preset-button:hover,
.ag-date-preset-button:focus {
  outline: 6px dashed #ffff00;
  box-shadow: 0 0 0 6px #0000ff;
}

.ag-input {
  outline: 4px solid #ff6600;
}

.ag-date-input {
  outline: 5px dashed #0000ff;
  background-color: #ffff00;
  color: #ff0000;
}

.ag-search-input {
  outline: 5px dashed #00ff00;
  background-color: #000000;
  color: #00ffff;
}

.ag-select {
  outline: 5px solid #ff00ff;
  background-color: #00ffff;
  color: #000000;
}

.ag-status-select {
  outline: 5px dotted #ff0000;
  background-color: #ffff00;
  color: #0000ff;
}

.ag-modal-order-select {
  outline: 6px double #ff0000;
  background-color: #00ff00;
  color: #0000ff;
}

.ag-clickable {
  outline: 4px dotted #ffff00;
  background-color: #ff00ff;
  color: #00ffff;
}

.ag-status-ok {
  outline: 3px solid #00ff00;
  background-color: #000000;
}

.ag-status-error {
  outline: 3px solid #ff0000;
  background-color: #ffffff;
}

.ag-hover-card {
  box-shadow: 0 0 0 6px #00ffff;
}

.ag-order-card-header {
  box-shadow: inset 0 0 0 5px #0000ff;
}

.ag-status-summary {
  outline: 4px dashed #ff0000;
}

.ag-progress-pie {
  outline: 4px solid #ff00ff;
}

.ag-content-divider {
  border-color: #0000ff;
  border-width: 4px;
}

.ag-email-card {
  outline: 6px solid #ff0000;
  background-color: #00ff00;
  color: #0000ff;
}

.ag-email-preview-body {
  outline: 6px dashed #ffff00;
  background-color: #ff00ff;
  color: #00ffff;
}

.ag-notes-section {
  outline: 6px double #00ff00;
  background-color: #ff0000;
  color: #ffffff;
}

.ag-email-frame {
  outline: 6px solid #000000;
  background-color: #ffff00;
  box-shadow: inset 0 0 0 6px #ff0000;
}

.ag-email-attachments {
  outline: 6px dotted #00ff00;
  background-color: #0000ff;
  color: #ffff00;
}

.ag-email-dropdown {
  outline: 5px solid #ff00ff;
  background-color: #00ffff;
  color: #ff0000;
}

.ag-email-menu {
  outline: 6px solid #ffff00;
  background-color: #000000;
  color: #00ff00;
}

.ag-email-menu-item {
  outline: 4px dashed #ff0000;
  background-color: #00ffff;
  color: #ff00ff;
}

.ag-email-list-item {
  outline: 5px dashed #ff0000;
  background-color: #ffff00;
  color: #0000ff;
}

.ag-email-list-item.selected {
  outline: 6px solid #00ffff;
  background-color: #ff0000;
  color: #ffffff;
}

.ag-panel-header {
  outline: 6px solid #0000ff;
  background-color: #ff00ff;
  color: #00ff00;
  box-shadow: inset 0 0 0 5px #ffff00;
}

.ag-modal-button {
  outline: 6px solid #00ff00;
  background-color: #ff0000;
  color: #ffff00;
}

.ag-modal-button-fixed {
  box-shadow: 0 0 0 6px #0000ff;
}

.ag-floating-action-button {
  outline: 6px solid #ffff00;
  background-color: #000000;
  color: #00ff00;
}

.ag-floating-menu {
  outline: 6px dashed #ff0000;
  background-color: #00ffff;
  color: #0000ff;
}

.ag-floating-menu .list-group-item {
  outline: 4px solid #00ff00;
  background-color: #ff00ff;
  color: #ffff00;
}

.ag-floating-menu .list-group-item:hover {
  outline: 5px dashed #ffff00;
  background-color: #ff0000;
  color: #ffffff;
}

.ag-floating-menu a {
  outline: 3px dotted #0000ff;
  background-color: #ffff00;
  color: #ff0000;
}

.ag-panel-title {
  outline: 5px solid #ff0000;
  background-color: #ffff00;
  color: #0000ff;
}

.ag-status-count {
  outline: 5px dashed #00ff00;
  background-color: #000000;
  color: #ff00ff;
}

.ag-status-icon {
  outline: 5px dotted #00ffff;
  background-color: #ff0000;
  color: #ffffff;
}

.ag-table-wrapper {
  outline: 6px solid #ff6600;
  background-color: #0000ff;
}

.ag-data-table {
  outline: 5px dashed #00ff00;
  background-color: #ffff00;
  color: #ff0000;
}

.ag-data-table-header {
  outline: 6px double #0000ff;
  background-color: #ff00ff;
  color: #00ff00;
}

.ag-table-action-cell {
  outline: 4px solid #ff00ff;
  background-color: #00ffff;
  color: #000000;
}

.ag-spinner {
  outline: 8px solid #ff0000;
  background-color: #00ff00;
  border-color: #0000ff;
  border-top-color: #ffff00;
}
/* END DEBUG ONLY */
}