/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/gmc/styles/core.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/* === reset largeur / hauteur === */
html,
body,
#root {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}

html,
body,
.app-root {
  text-size-adjust: 100%;
}

:root {
  --gmc-theme-bg-app: #b3b3b3;
  --gmc-theme-text-primary: #111111;
  --gmc-theme-text-on-header: #f2f2f2;
  --gmc-theme-header-bg: #000000;
  --gmc-theme-panel-bg: #b3b3b3;
  --gmc-theme-card-bg: #d9d9d9;
  --gmc-theme-card-border: #000000;
  --gmc-theme-card-shadow: 0 10px 18px rgba(0, 0, 0, 0.25);
  --gmc-ui-surface: #ffffff;
  --gmc-ui-surface-soft: #f8fafc;
  --gmc-ui-text: #111111;
  --gmc-ui-text-muted: #6b7280;
  --gmc-ui-border: #d1d5db;
  --gmc-ui-overlay: rgba(17, 24, 39, 0.55);
  --gmc-ui-input-bg: #ffffff;
  --gmc-ui-input-border: #000000;
  --gmc-ui-modal-bg: #f2f2f2;
  --gmc-ui-modal-border: #000000;
  --gmc-ui-btn-neutral-bg: #d0d0d0;
  --gmc-ui-danger-text: #b00000;
}

.theme-light {
  --gmc-theme-bg-app: #b3b3b3;
  --gmc-theme-text-primary: #111111;
  --gmc-theme-text-on-header: #f2f2f2;
  --gmc-theme-header-bg: #000000;
  --gmc-theme-panel-bg: #b3b3b3;
  --gmc-theme-card-bg: #d9d9d9;
  --gmc-theme-card-border: #000000;
  --gmc-theme-card-shadow: 0 10px 18px rgba(0, 0, 0, 0.25);
  --gmc-ui-surface: #ffffff;
  --gmc-ui-surface-soft: #f8fafc;
  --gmc-ui-text: #111111;
  --gmc-ui-text-muted: #6b7280;
  --gmc-ui-border: #d1d5db;
  --gmc-ui-overlay: rgba(17, 24, 39, 0.55);
  --gmc-ui-input-bg: #ffffff;
  --gmc-ui-input-border: #000000;
  --gmc-ui-modal-bg: #f2f2f2;
  --gmc-ui-modal-border: #000000;
  --gmc-ui-btn-neutral-bg: #d0d0d0;
  --gmc-ui-danger-text: #b00000;
}

.theme-dark {
  --gmc-theme-bg-app: #0f141a;
  --gmc-theme-text-primary: #e6ebf2;
  --gmc-theme-text-on-header: #f5f7fb;
  --gmc-theme-header-bg: #101820;
  --gmc-theme-panel-bg: #161d26;
  --gmc-theme-card-bg: #1d2733;
  --gmc-theme-card-border: #2f3a48;
  --gmc-theme-card-shadow: 0 12px 26px rgba(0, 0, 0, 0.5);
  --gmc-ui-surface: #1f2a36;
  --gmc-ui-surface-soft: #273443;
  --gmc-ui-text: #e6edf7;
  --gmc-ui-text-muted: #aab7c7;
  --gmc-ui-border: #3a4a5d;
  --gmc-ui-overlay: rgba(7, 12, 18, 0.72);
  --gmc-ui-input-bg: #19232e;
  --gmc-ui-input-border: #44566d;
  --gmc-ui-modal-bg: #1f2a36;
  --gmc-ui-modal-border: #44566d;
  --gmc-ui-btn-neutral-bg: #243241;
  --gmc-ui-danger-text: #ff9a9a;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Ubuntu", sans-serif;
  background: var(--gmc-theme-bg-app);
  color: var(--gmc-theme-text-primary);
  overflow-x: auto;
}

:root {
  --gmc-grid-header-h: 46px;
  --gmc-header-h: 46px;
  --gmc-main-pad: 0.6rem;
  --gmc-color-validation-bg: #39ff14;
  --gmc-color-validation-text: #003b00;
  --gmc-color-danger-bg: #ff3b30;
  --gmc-color-danger-text: #ffffff;
  --gmc-color-accent-orange: #ff6a00;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/gmc/styles/layout.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/* === structure globale === */
.app-root {
  height: 100%;
  min-width: 1100px;
  width: max(100%, 1100px);
  display: flex;
  flex-direction: column;
}

.gmc-initial-load-overlay {
  position: fixed;
  inset: 0;
  z-index: 140;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.5);
}

.gmc-initial-load-card {
  width: min(80vw, calc(100vw - 2rem));
  width: min(80dvw, calc(100dvw - 2rem));
  border: 2px solid var(--gmc-color-accent-orange);
  background: rgba(16, 24, 32, 0.96);
  color: var(--gmc-theme-text-on-header);
  border-radius: 10px;
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.45);
  padding: 1rem 1.1rem;
  display: grid;
  grid-gap: 0.55rem;
  gap: 0.55rem;
}

.gmc-initial-load-title {
  font-size: clamp(2.1rem, 2.5vw, 2.7rem);
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.gmc-initial-load-message {
  font-size: clamp(1.9rem, 2.1vw, 2.1rem);
  color: #d7e0eb;
}

.gmc-initial-load-message.is-waiting-server {
  color: #ffd089;
  animation: gmc-initial-load-blink 0.95s ease-in-out infinite;
}

.gmc-initial-load-bar-track {
  height: 12px;
  width: 100%;
  border-radius: 999px;
  border: 1px solid #6d421f;
  background: #1b2633;
  overflow: hidden;
}

.gmc-initial-load-bar-fill {
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #c86425 0%, var(--gmc-color-accent-orange) 100%);
  transition: width 220ms ease-out;
}

.gmc-initial-load-percent {
  justify-self: end;
  font-weight: 800;
  color: var(--gmc-color-accent-orange);
  font-size: 1.9rem;
}

.gmc-inline-load-overlay {
  position: fixed;
  inset: auto 1rem 1rem 1rem;
  z-index: 135;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.gmc-initial-load-card--inline {
  width: min(28rem, calc(100vw - 2rem));
  width: min(28rem, calc(100dvw - 2rem));
  padding: 0.75rem 0.9rem;
  gap: 0.35rem;
  border-radius: 12px;
  background: rgba(16, 24, 32, 0.98);
}

.gmc-initial-load-title--inline {
  font-size: clamp(1rem, 1.1vw, 1.2rem);
}

.app-blur-popup-backdrop {
  position: fixed;
  inset: 0;
  border: 0;
  padding: 24px;
  margin: 0;
  display: grid;
  place-items: center;
  background: rgba(7, 12, 18, 0.26);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 1700;
  box-sizing: border-box;
}

.app-blur-popup {
  position: relative;
  width: min(100%, 460px);
  max-width: calc(100vw - 48px);
  max-height: calc(100vh - 48px);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--gmc-theme-card-border);
  border-radius: 14px;
  background: var(--gmc-theme-card-bg);
  color: var(--gmc-theme-text-primary);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.36);
  box-sizing: border-box;
}

.app-blur-popup--sm {
  width: min(100%, 360px);
}

.app-blur-popup--md {
  width: min(100%, 460px);
}

.app-blur-popup--lg {
  width: min(100%, 720px);
}

.app-blur-popup--full {
  width: calc(100vw - 48px);
  height: calc(100vh - 48px);
  max-width: calc(100vw - 48px);
  max-height: calc(100vh - 48px);
}

@keyframes gmc-initial-load-blink {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.42;
  }
}

/* Bandeau du haut */
.app-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 30;
  background: var(--gmc-theme-header-bg);
  min-height: 46px;
  padding: 0 0.7rem;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(0, 1.6fr) minmax(220px, 1fr);
  align-items: center;
  border-bottom: 2px solid var(--gmc-color-accent-orange);
  box-sizing: border-box;
  width: 100%;
  position: relative;
  grid-gap: 0.3rem clamp(0.2rem, 0.35vw, 0.35rem);
  gap: 0.3rem clamp(0.2rem, 0.35vw, 0.35rem);
  --gmc-header-center-row-h: 30px;
  --gmc-header-center-row-gap: clamp(0.2rem, 0.6vw, 0.5rem);
}

.app-header-left {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  gap: clamp(0.25rem, 0.6vw, 0.5rem);
  justify-self: start;
  min-width: 220px;
}

.header-week-left {
  font-size: 0.9rem;
  color: var(--gmc-theme-text-on-header);
  letter-spacing: 0.04rem;
  white-space: nowrap;
}

.app-header h1 {
  font-size: clamp(1rem, 1.5vw, 1.5rem);
  font-weight: 700;
  margin: 0;
  color: var(--gmc-theme-text-on-header);
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.app-header-brand {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.4rem, 0.8vw, 0.7rem);
  min-width: 0;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.app-header-user-name {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  white-space: normal;
  line-height: 1.05;
  max-width: 8ch;
}

.app-header-user-name-line {
  display: block;
}

.app-header-device-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--gmc-theme-text-on-header);
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.app-header-logo {
  display: block;
  width: clamp(48px, 5vw, 84px);
  height: auto;
  object-fit: contain;
  flex: 0 0 auto;
}

.app-header-center {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: stretch;
  align-self: center;
  flex: 1 1;
  min-width: 0;
  overflow: hidden;
  padding-inline: 0.25rem;
}

.app-header-right {
  font-size: 0.95rem;
  color: var(--gmc-theme-text-on-header);
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: clamp(0.25rem, 0.7vw, 0.75rem);
  justify-self: end;
  min-width: 220px;
}

.header-logout {
  margin-left: 0.5rem;
}

.theme-toggle-btn {
  margin-right: 0.25rem;
  white-space: nowrap;
}

.header-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(0.2rem, 0.6vw, 0.5rem);
  justify-content: center;
  align-items: center;
  min-width: 0;
}

.header-week-search {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 0 1 auto;
  min-width: 0;
}

/* Zone centrale : blocs empilés */
.app-main {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: var(--gmc-main-pad) 0.5rem;
  width: 100%;
  box-sizing: border-box;
  align-items: stretch;
  position: relative;
  height: calc(100% - var(--gmc-header-h, 64px));
  min-height: 0;
  overflow: hidden;
}

.header-actions-stack {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  width: 100%;
  justify-items: stretch;
}

/* Bouton masquer/afficher */
.toggle-btn {
  margin-left: 0.5rem;
  padding: 0.3rem 0.8rem;
  font-size: 0.8rem;
  border-radius: 6px;
  border: 1px solid var(--gmc-color-accent-orange);
  background: #0a0a0a;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.15s ease;
}

.header-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gmc-header-center-row-gap);
  margin-right: 0;
  align-content: flex-start;
  width: 100%;
  max-height: calc(
    (var(--gmc-header-center-row-h) * 2) + var(--gmc-header-center-row-gap)
  );
  overflow: hidden;
}

.title-actions {
  display: flex;
  gap: 0.5rem;
  margin-right: 0.75rem;
}

.toggle-btn,
.title-btn {
  padding: clamp(0.2rem, 0.45vw, 0.3rem) clamp(0.45rem, 0.9vw, 0.8rem);
  font-size: clamp(0.72rem, 0.8vw, 0.8rem);
  line-height: 1.1;
  border-radius: 6px;
  border: 1px solid var(--gmc-color-accent-orange);
  background: #0a0a0a;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.15s ease;
}

.app-header .toggle-btn {
  margin-left: 0;
}

.title-btn.print-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.title-btn .btn-icon {
  display: inline-flex;
  align-items: center;
}

.toggle-btn:hover,
.title-btn:hover,
.title-btn.active,
.toggle-btn.active {
  background: var(--gmc-color-accent-orange);
  color: #0a0a0a;
}

.toggle-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  background: #1a1a1a;
  color: #bdbdbd;
  border-color: #555555;
}

.title-actions-left {
  position: absolute;
  left: 0.8rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.users-connected .users-label {
  font-size: 0.75rem;
  letter-spacing: 0.04rem;
}

.users-connected {
  gap: 0.22rem;
}

/* Réglage manuel de l'écart entre initiales dans le badge utilisateur */
:root {
  /* Essais rapides:
     -0.16em = très serré
     -0.12em = serré (actuel conseillé)
     -0.08em = plus lisible */
  --gmc-user-badge-letter-spacing: -0.01em;
}

.user-badge {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid var(--gmc-color-accent-orange);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: var(--gmc-user-badge-letter-spacing);
  font-feature-settings: none;
  font-variant-ligatures: none;
  white-space: nowrap;
  background: #0a0a0a;
  color: #ffffff;
  cursor: default;
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.user-badge.is-active {
  background: var(--gmc-color-accent-orange);
  color: #111111;
  border-color: #ffcf6a;
  box-shadow: 0 0 0 1px rgba(255, 175, 0, 0.2);
  cursor: pointer;
}

.gmc-title-1 {
  text-align: center;
  font-weight: 800;
  letter-spacing: 0.32rem;
  padding: 0.675rem 0.6rem;
  font-size: 1.575rem;
  color: #ffffff;
  background: #000000;
  border-bottom: 3px solid var(--gmc-color-accent-orange);
}

.gmc-title-1-spaced {
  letter-spacing: 0.32rem;
}

.gmc-card-1 {
  background: #d9d9d9;
  border: 0;
  border-radius: 14px;
  box-shadow: inset 0 0 0 6px #000000, 0 10px 18px rgba(0, 0, 0, 0.25);
  padding: 0.75rem;
  overflow: hidden;
  overflow-y: auto;
  flex: 1 1;
  min-height: 0;
}

.title-text {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-search {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 620px;
}

.search-input {
  height: 1.6rem;
  padding: 0.1rem 0.45rem;
  border-radius: 6px;
  border: 1px solid var(--gmc-color-accent-orange);
  background: #111;
  color: #f5f5f5;
  flex: 1 1;
  width: auto;
  min-width: 0;
  max-width: 100%;
}

.search-filter {
  color: #e6e6e6;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/gmc/styles/modals.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.admin-modal-backdrop {
  position: fixed;
  inset: 0;
  background: var(--gmc-ui-overlay);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

.admin-modal {
  background: var(--gmc-ui-modal-bg);
  border: 2px solid var(--gmc-ui-modal-border);
  padding: 1rem;
  width: 420px;
  max-width: calc(100vw - 2rem);
  box-shadow: 0 16px 28px rgba(0, 0, 0, 0.35);
}

.admin-modal--wide {
  width: min(760px, calc(100vw - 2rem));
}

.admin-modal--history {
  width: min(1180px, calc(100vw - 2rem));
}

.admin-modal-title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
}

.admin-modal-body {
  margin-bottom: 0.9rem;
}

.admin-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

.admin-modal-btn {
  padding: 0.35rem 0.8rem;
  border: 1px solid var(--gmc-ui-input-border);
  background: var(--gmc-ui-btn-neutral-bg);
  color: var(--gmc-ui-text);
  cursor: pointer;
  font-weight: 700;
}

.admin-modal-btn.danger {
  background: var(--gmc-color-accent-orange);
  color: #0a0a0a;
}

.gmc-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  z-index: 1000;
}

.gmc-modal {
  width: min(100%, 460px);
  position: relative;
  background: var(--gmc-theme-card-bg);
  color: var(--gmc-theme-text-primary);
  border: 2px solid var(--gmc-color-accent-orange);
  border-radius: 14px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
  padding: 18px 18px 16px;
}

.gmc-modal-title {
  font-weight: 800;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

.gmc-modal-body {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  margin-bottom: 0.9rem;
}

.gmc-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.gmc-modal-btn {
  padding: 0.4rem 0.85rem;
  border: 1px solid var(--gmc-ui-input-border);
  border-radius: 8px;
  background: var(--gmc-ui-btn-neutral-bg);
  color: var(--gmc-ui-text);
  cursor: pointer;
  font-weight: 700;
}

.gmc-modal-btn-primary {
  background: var(--gmc-color-accent-orange);
  color: #0a0a0a;
  border-color: var(--gmc-color-accent-orange);
}

.quote-plan-upload-btn {
  position: relative;
  overflow: hidden;
  min-width: 150px;
}

.quote-plan-upload-btn.is-uploading {
  opacity: 1;
  cursor: wait;
}

.quote-plan-upload-btn__label {
  position: relative;
  z-index: 1;
}

.quote-plan-upload-btn.is-uploading .quote-plan-upload-btn__label {
  animation: quote-plan-upload-blink 0.8s ease-in-out infinite;
}

.quote-plan-upload-btn__progress {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 45%;
  height: 4px;
  background: #0a0a0a;
  opacity: 0.85;
  animation: quote-plan-upload-progress 1.05s ease-in-out infinite;
}

@keyframes quote-plan-upload-blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.38;
  }
}

@keyframes quote-plan-upload-progress {
  0% {
    transform: translateX(-110%);
  }
  100% {
    transform: translateX(230%);
  }
}

.gmc-modal-close {
  position: absolute;
  right: 14px;
  top: 12px;
  background: transparent;
  border: none;
  color: inherit;
  font-size: 22px;
  cursor: pointer;
  line-height: 1;
}

.gmc-device-mode-modal {
  width: min(100%, 520px);
  border-width: 2px;
  padding: 0;
  overflow: hidden;
}

.gmc-device-mode-text {
  font-size: 14px;
  line-height: 1.45;
}

.gmc-device-mode-text--muted {
  color: var(--gmc-theme-text-secondary);
  padding-top: 2px;
}

.gmc-device-mode-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 12px;
  gap: 12px;
}

.gmc-device-mode-modal .gmc-modal-title {
  margin: 0;
  padding: 12px 16px;
  border-bottom: 2px solid var(--gmc-color-accent-orange);
  background: #111111;
  color: #ffffff;
}

.gmc-device-mode-modal .gmc-modal-body {
  gap: 14px;
  margin: 0;
  padding: 16px;
}

.gmc-device-mode-modal .gmc-modal-actions {
  padding: 0 16px 16px;
}

.gmc-device-mode-option {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  min-height: 96px;
  align-content: start;
  text-align: left;
  border: 2px solid var(--gmc-color-accent-orange);
  border-radius: 10px;
  background: color-mix(in srgb, var(--gmc-theme-card-bg) 88%, #111111);
  color: var(--gmc-theme-text-primary);
  padding: 12px;
  cursor: pointer;
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.14);
  transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease;
}

.gmc-device-mode-option:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.2);
  background: color-mix(in srgb, var(--gmc-color-accent-orange) 10%, var(--gmc-theme-card-bg));
}

.gmc-device-mode-option__title {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.gmc-device-mode-option__meta {
  font-size: 12px;
  line-height: 1.35;
  color: var(--gmc-theme-text-secondary);
}

@media (max-width: 720px) {
  .gmc-device-mode-options {
    grid-template-columns: 1fr;
  }
}

.gmc-modal-code-wrap {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.gmc-modal-code-value {
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: 10px;
  background: rgba(255, 106, 0, 0.08);
  color: inherit;
  font-weight: 800;
  letter-spacing: 0.08rem;
  word-break: break-all;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/gmc/styles/login.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
/* === login demo === */
.login-root {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #050505;
}

/* === login O365 === */
.login-o365-root {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 34%),
    linear-gradient(180deg, #0b0b0b 0%, #000000 100%);
  color: #f5f5f5;
  padding: 24px;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}

.login-o365-root--login-screen {
  position: relative;
  --login-o365-logo-width: min(394px, 94vw);
}

@keyframes login-o365-page-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.login-o365-card {
  width: min(420px, 100%);
  padding: 2rem 1.75rem;
  border: none;
  border-radius: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  display: grid;
  grid-gap: 18px;
  gap: 18px;
}

.login-o365-scale-shell {
  width: 100%;
  height: 70vh;
  height: 70dvh;
  display: grid;
  place-items: center;
  visibility: visible;
}

.login-o365-scale-shell--intro-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.login-o365-scale-shell--intro-visible {
  opacity: 1;
  visibility: visible;
  animation: login-o365-page-fade-in 2.8s ease-out both;
}

.login-o365-card--login-screen {
  transform: scale(var(--login-screen-scale, 1));
  transform-origin: center center;
  will-change: transform;
}

.login-o365-splash {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  padding: 24px;
  pointer-events: none;
}

.login-o365-splash-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: #000;
  opacity: 0;
  transition: opacity 0.32s ease-out;
}

.login-o365-splash-overlay--visible {
  opacity: 1;
}

.login-o365-logo {
  width: var(--login-o365-logo-width);
  height: auto;
  object-fit: contain;
  border-radius: 12px;
  display: block;
  margin: 0 auto 10px;
}

.login-o365-logo.passive {
  opacity: 1;
}

.login-o365-splash-logo-shell {
  position: relative;
  z-index: 0;
}

.login-o365-splash-logo {
  width: var(--login-o365-logo-width);
  margin: 0;
}

.login-o365-title {
  font-size: 1.9rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
}

.login-o365-form {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}

.login-o365-label {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.12rem;
  color: rgba(255, 255, 255, 0.74);
}

.login-o365-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 0;
  background: transparent;
  color: #ffffff;
  padding: 14px 0 12px;
  font-size: 1rem;
  outline: none;
}

.login-o365-input:focus {
  border-bottom-color: #ffffff;
}

.login-o365-input:-webkit-autofill,
.login-o365-input:-webkit-autofill:hover,
.login-o365-input:-webkit-autofill:focus,
.login-o365-input:-webkit-autofill:active {
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 0 0 1000px #000000 inset !important;
  caret-color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, 0.28) !important;
}

.login-o365-primary {
  margin-top: 10px;
  min-height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: #000000;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.12rem;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.login-o365-primary:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.34);
}

.login-o365-primary:disabled {
  color: rgba(255, 255, 255, 0.48);
  cursor: not-allowed;
  opacity: 0.7;
}

.login-o365-divider {
  text-align: center;
  font-size: 0.78rem;
  letter-spacing: 0.16rem;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.52);
}

.login-o365-provider-list {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.login-o365-provider {
  min-height: 52px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: transparent;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 0.12rem;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.login-o365-provider-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.login-o365-provider:not(:disabled):hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.34);
}

.login-o365-provider:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.login-o365-error {
  margin-top: 4px;
  color: #ff8f8f;
  font-size: 0.9rem;
  text-align: center;
}

.login-o365-modal-backdrop {
  z-index: 1000;
}

.login-o365-card.login-o365-modal-card {
  max-width: 460px;
  background: #111111;
  color: #ffffff;
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: 18px;
  box-shadow: 0 28px 64px rgba(0, 0, 0, 0.52);
  opacity: 1;
}

.login-o365-modal-close {
  color: #d5d5d5;
}

@media (max-width: 700px) {
  .login-o365-root {
    align-items: center;
    padding: max(14px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom)) 14px;
  }

  .login-o365-card {
    width: min(100%, 420px);
    padding: 1.25rem 1rem;
    gap: 14px;
  }

  .login-o365-logo {
    width: min(320px, 92%);
    margin-bottom: 4px;
  }

  .login-o365-title {
    font-size: 1.45rem;
    letter-spacing: 0.05rem;
  }

  .login-o365-form {
    gap: 12px;
  }

  .login-o365-label {
    gap: 6px;
    font-size: 0.74rem;
    letter-spacing: 0.08rem;
  }

  .login-o365-input {
    padding: 11px 0 10px;
    font-size: 16px;
  }

  .login-o365-primary,
  .login-o365-provider {
    min-height: 46px;
    letter-spacing: 0.08rem;
  }

  .login-o365-divider {
    font-size: 0.72rem;
    letter-spacing: 0.1rem;
  }

  .login-o365-card.login-o365-modal-card {
    width: min(100%, 420px);
    max-width: min(100%, 420px);
    border-radius: 16px;
  }
}

@media (min-width: 701px) and (max-width: 1024px) {
  .login-o365-root {
    align-items: center;
    padding: max(20px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom)) 20px;
  }

  .login-o365-card {
    width: min(100%, 460px);
  }
}

.login-card {
  width: min(420px, 90vw);
  background: #1a1a1a;
  color: #f0f0f0;
  border: 2px solid #000;
  border-radius: 14px;
  padding: 2rem 2.2rem;
  box-shadow: 0 20px 35px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.login-logo {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center 45%;
  border-radius: 10px;
  border: 1px solid #222;
}

.login-title {
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.login-subtitle {
  font-size: 0.95rem;
  color: #bbbbbb;
  margin-bottom: 0.5rem;
}

.login-form {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.login-label {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: 0.9rem;
  color: #d7d7d7;
}

.login-input {
  padding: 0.6rem 0.75rem;
  border-radius: 8px;
  border: 1px solid #444;
  background: #0f0f0f;
  color: #f3f3f3;
  font-size: 0.95rem;
}

.login-input:focus {
  outline: 2px solid var(--gmc-color-accent-orange);
  border-color: var(--gmc-color-accent-orange);
}

.login-error {
  color: #ff9b88;
  font-size: 0.9rem;
  background: rgba(233, 84, 32, 0.18);
  border: 1px solid rgba(233, 84, 32, 0.5);
  padding: 0.5rem 0.7rem;
  border-radius: 8px;
}

.login-submit {
  margin-top: 0.3rem;
  padding: 0.7rem 1rem;
  border-radius: 8px;
  border: 1px solid var(--gmc-color-accent-orange);
  background: var(--gmc-color-accent-orange);
  color: #111;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.login-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 12px rgba(233, 84, 32, 0.35);
}

.login-hint {
  font-size: 0.78rem;
  color: #aaaaaa;
  text-align: center;
}

.login-hint span {
  color: #ffffff;
  font-weight: 600;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/gmc/styles/admin.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.admin-general-shortcut {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 44px;
  border: 1px solid #000000;
  background: #ffffff;
  color: #111111;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
}

.admin-general-shortcut__icon {
  font-size: 1rem;
  line-height: 1;
}

/* === Admin page === */
.admin-page {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.6rem 0.5rem;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
}

.admin-title {
  text-align: center;
  font-weight: 800;
  letter-spacing: 0.32rem;
  padding: 0.675rem 0.6rem;
  font-size: 1.575rem;
  color: #ffffff;
  background: #000000;
  border-bottom: 3px solid var(--gmc-color-accent-orange);
}

.admin-title-spaced {
  letter-spacing: 0.32rem;
}

.admin-tabs {
  display: flex;
  gap: 0.5rem;
  padding: 0 0.2rem;
}

.admin-tabs--hr {
  align-items: center;
  justify-content: space-between;
}

.admin-select-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #1b1b1b;
  font-weight: 600;
}

.admin-select--hr {
  min-width: 260px;
}

.admin-page-access {
  display: grid;
  grid-gap: 0.8rem;
  gap: 0.8rem;
  margin-bottom: 0.6rem;
}

.admin-page-access__row {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.admin-page-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.admin-access-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 0.8rem;
}

.admin-switch--inline {
  display: inline-flex;
}

.admin-access-label {
  font-weight: 700;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  color: #111111;
  opacity: 0.55;
}

.admin-access-label.active {
  opacity: 1;
}

.admin-page-tab {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.25rem 0.45rem;
  border-radius: 6px;
  border: 1px solid #000000;
  background: #d0d0d0;
}

.admin-page-tab.off {
  opacity: 0.45;
}

.admin-page-tab.active {
  background: var(--gmc-color-accent-orange);
}

.admin-page-tab__label {
  background: transparent;
  border: none;
  font-weight: 700;
  letter-spacing: 0.06rem;
  cursor: pointer;
  text-transform: uppercase;
}

.admin-subtabs--hr {
  padding: 0 0.2rem;
  flex-wrap: wrap;
}

.admin-subtabs {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.6rem;
}

.admin-tab {
  padding: 0.35rem 0.9rem;
  font-size: 0.85rem;
  border-radius: 6px;
  border: 1px solid #000000;
  background: #d0d0d0;
  color: #111111;
  cursor: pointer;
  transition: all 0.15s ease;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  font-weight: 700;
}

.admin-tab.active,
.admin-tab:hover {
  background: var(--gmc-color-accent-orange);
  color: #0a0a0a;
}

/* Style "onglet classeur" : ligne continue + coupure sous l'onglet actif */
/* Onglets principaux = boutons simples */
.admin-tabs {
  border-bottom: none;
}

.admin-tabs .admin-tab {
  border-radius: 6px;
}

/* Sous-onglets = style onglet classeur (sans ligne ni arrondi en bas) */
.admin-subtabs {
  border-bottom: 2px solid #000000;
}

.admin-subtabs .admin-tab {
  border-radius: 6px 6px 0 0;
  border-bottom: none;
}

.admin-subtabs .admin-tab.active {
  position: relative;
  top: 1px;
  border-radius: 6px 6px 0 0;
}

.admin-card {
  background: #d9d9d9;
  border: 0;
  border-radius: 14px;
  box-shadow: inset 0 0 0 6px #000000, 0 10px 18px rgba(0, 0, 0, 0.25);
  padding: 0.75rem;
  overflow: hidden;
  overflow-y: auto;
  flex: 1 1;
  min-height: 0;
}

.admin-card-header {
  font-weight: 800;
  margin-bottom: 0.6rem;
  padding-bottom: 0.35rem;
  border-bottom: 3px solid var(--gmc-color-accent-orange);
  text-transform: uppercase;
  letter-spacing: 0.08rem;
}

.admin-table {
  width: 100%;
  border-collapse: collapse;
  background: #f0f0f0;
  table-layout: fixed;
  border-radius: 10px;
  overflow: hidden;
}

.admin-table th,
.admin-table td {
  border: 1px solid #000000;
  padding: 0.5rem 0.6rem;
  text-align: left;
  font-size: 0.95rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-table-users th,
.admin-table-users td {
  padding: 0.35rem 0.45rem;
  font-size: 0.9rem;
}

.admin-table-users {
  border-collapse: collapse;
}

.admin-table-users th {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.admin-table-shell {
  border: 2px solid #000000;
  border-radius: 12px;
  overflow: hidden;
  background: #f7f4ef;
}

.admin-table-shell--prod-lists {
  width: min(980px, 100%);
  max-width: 980px;
}

.admin-table-shell--users-grouped {
  width: 50%;
  max-width: 50%;
  margin: 0;
}

.admin-table-shell .admin-table {
  border-collapse: separate !important;
  border-spacing: 0;
  border-radius: 0;
  overflow: visible;
  margin-bottom: 0;
  background: transparent;
}

.admin-table-shell .admin-table th:first-child,
.admin-table-shell .admin-table td:first-child {
  border-left: 0;
}

.admin-table-shell .admin-table th:last-child,
.admin-table-shell .admin-table td:last-child {
  border-right: 0;
}

.admin-table-shell .admin-table thead tr:first-child th {
  border-top: 0;
}

.admin-table-shell .admin-table tbody tr:last-child td {
  border-bottom: 0;
}

.admin-users-group-gap td {
  border: 0;
  padding: 0;
  height: 6px;
  background: transparent;
}

.admin-save-feedback {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 0;
  font-weight: 900;
  cursor: default;
  flex: 0 0 auto;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.admin-save-feedback--success {
  background: rgba(20, 128, 60, 0.1);
  border-color: rgba(20, 128, 60, 0.22);
  color: #14803c;
  font-size: 24px;
  opacity: 1;
}

.admin-save-feedback--error {
  background: #c81e1e;
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
  border-radius: 0;
  border-color: rgba(97, 7, 7, 0.42);
  -webkit-clip-path: polygon(25% 6%, 75% 6%, 94% 50%, 75% 94%, 25% 94%, 6% 50%);
          clip-path: polygon(25% 6%, 75% 6%, 94% 50%, 75% 94%, 25% 94%, 6% 50%);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14) inset;
}

.admin-control-cell {
  white-space: normal;
  overflow: visible;
}

.admin-control-actions {
  display: inline-flex;
  gap: 0.35rem;
  margin-left: 0.4rem;
}

.admin-table-users--grouped {
  table-layout: fixed;
  width: 100%;
  min-width: 980px;
}

.admin-table-users--grouped td {
  vertical-align: top;
}

.admin-user-stack {
  display: grid;
  grid-gap: 0.42rem;
  gap: 0.42rem;
}

.admin-user-stack__title {
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.2;
}

.admin-user-stack__line {
  display: grid;
  grid-gap: 0.18rem;
  gap: 0.18rem;
}

.admin-user-stack__label {
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(17, 17, 17, 0.52);
}

.admin-user-inline-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.35rem;
  gap: 0.35rem;
}

.admin-user-inline-grid--city {
  grid-template-columns: 90px minmax(0, 1fr);
}

.admin-user-static-value {
  min-height: 34px;
  display: flex;
  align-items: center;
  padding: 0.4rem 0.55rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.7);
  font-size: 1.05rem;
}

.admin-user-role-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0.1rem 0.55rem;
  border: 1px solid #111111;
  border-radius: 999px;
  background: #111111;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-user-capabilities {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.admin-user-capabilities-edit {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.admin-user-capability-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0.08rem 0.45rem;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  font-size: 0.86rem;
  font-weight: 700;
}

.admin-user-control-secondary {
  margin-top: 0.45rem;
  display: grid;
  grid-gap: 0.35rem;
  gap: 0.35rem;
}

.admin-user-control-status {
  display: flex;
  align-items: center;
  min-height: 24px;
  font-size: 0.92rem;
  opacity: 0.9;
  white-space: normal;
  line-height: 1.25;
}

.admin-suspend-btn {
  padding: 0.3rem 0.6rem;
  border: 1px solid var(--gmc-ui-input-border);
  border-radius: 6px;
  background: var(--gmc-ui-btn-neutral-bg);
  color: var(--gmc-ui-text);
  cursor: pointer;
  font-weight: 700;
}

.admin-table th {
  background: #000000;
  color: #ffffff;
}

.admin-select {
  padding: 0.25rem 0.4rem;
  border: 1px solid var(--gmc-ui-input-border);
  background: var(--gmc-ui-input-bg);
  color: var(--gmc-ui-text);
}

.admin-input {
  width: 100%;
  padding: 0.35rem 0.45rem;
  border: 1px solid var(--gmc-ui-input-border);
  background: var(--gmc-ui-input-bg);
  color: var(--gmc-ui-text);
  font-size: 0.95rem;
  box-sizing: border-box;
}

.admin-role-bar {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: flex-start;
  margin: 0.5rem 0 0.75rem 0;
  flex-wrap: wrap;
}

.admin-role-add {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  min-width: 320px;
}

.admin-role-select-inline {
  width: 90%;
  font-size: 1rem;
  font-weight: 800;
  color: #000000;
  background: #ffffff;
  padding-right: 1.4rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  border-radius: 6px;
  background-image: linear-gradient(45deg, transparent 50%, #000000 50%),
    linear-gradient(135deg, #000000 50%, transparent 50%);
  background-position: calc(100% - 14px) 55%, calc(100% - 8px) 55%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.admin-user-cell {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.admin-user-role-select {
  width: 90%;
  font-size: 0.85rem;
  color: #000000;
  background: #ffffff;
  padding-right: 1.2rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #000000 50%),
    linear-gradient(135deg, #000000 50%, transparent 50%);
  background-position: calc(100% - 12px) 55%, calc(100% - 7px) 55%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}

.admin-user-role-indent {
  margin-left: 12px;
}

.admin-role-spacer {
  visibility: hidden;
  height: 24px;
  line-height: 24px;
}

.admin-matrix-role {
  position: relative;
}

.admin-role-row {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  justify-content: center;
}

.admin-role-delete {
  border: 1px solid var(--gmc-ui-input-border);
  background: var(--gmc-ui-btn-neutral-bg);
  cursor: pointer;
  padding: 0 0.55rem;
  height: 32px;
  border-radius: 6px;
  font-size: 1rem;
  color: var(--gmc-ui-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.admin-role-delete:hover {
  background: var(--gmc-color-accent-orange);
  color: #0a0a0a;
}

.admin-history-modal-body {
  max-height: calc(100vh - 12rem);
  overflow: auto;
}

.admin-history-toolbar {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  margin-bottom: 0.8rem;
}

.admin-history-toolbar .admin-input {
  flex: 1 1 auto;
}

.admin-history-modal-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.admin-history-modal-titleline {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.admin-history-modal-titleline strong {
  font-size: 1.1rem;
}

.admin-history-modal-titleline span,
.admin-history-modal-meta {
  color: rgba(17, 17, 17, 0.72);
  font-size: 0.92rem;
}

.admin-history-modal-meta {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.admin-history-sections {
  display: grid;
  grid-gap: 0.9rem;
  gap: 0.9rem;
}

.admin-history-section {
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 12px;
  padding: 0.8rem;
  background: rgba(255, 255, 255, 0.76);
}

.admin-history-list {
  display: grid;
  grid-gap: 0.6rem;
  gap: 0.6rem;
}

.admin-history-entry {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  padding: 0.7rem;
  background: rgba(255, 255, 255, 0.82);
}

.admin-history-entry__top {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.55rem;
  font-size: 0.87rem;
  color: rgba(17, 17, 17, 0.72);
}

.admin-history-entry__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.7rem;
  gap: 0.7rem;
}

.admin-history-entry__grid--single {
  grid-template-columns: minmax(0, 1fr);
}

.admin-history-entry__grid strong {
  display: block;
  margin-bottom: 0.2rem;
}

.admin-history-entry__grid pre {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  font: inherit;
  background: rgba(17, 17, 17, 0.05);
  border-radius: 8px;
  padding: 0.5rem 0.6rem;
}

.admin-archive-toolbar {
  display: flex;
  justify-content: flex-end;
  margin: 0.1rem 0 0.45rem;
}

.admin-archive-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.92rem;
  font-weight: 700;
}

.admin-archived-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0.05rem 0.45rem;
  border: 1px solid #111111;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #111111;
  background: transparent;
}

.admin-archive-match-list {
  display: grid;
  grid-gap: 0.7rem;
  gap: 0.7rem;
}

.admin-archive-match-card {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  padding: 0.75rem 0.85rem;
  background: rgba(255, 255, 255, 0.72);
}

.admin-archive-match-card__header {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.55rem;
}

.admin-archive-match-card__title {
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
}

.admin-archive-match-card__subtitle {
  font-size: 0.86rem;
  color: rgba(17, 17, 17, 0.62);
}

.admin-archive-match-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.35rem 0.7rem;
  gap: 0.35rem 0.7rem;
  font-size: 0.9rem;
}

.admin-archive-match-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.75rem;
}

.admin-add-btn {
  padding: 0.35rem 0.8rem;
  border: 1px solid #000000;
  border-radius: 6px;
  background: var(--gmc-color-accent-orange);
  color: #0a0a0a;
  font-weight: 800;
  cursor: pointer;
}

.admin-ui-header {
  margin-top: 0.85rem;
}

.admin-ui-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-gap: 0.6rem 0.9rem;
  gap: 0.6rem 0.9rem;
}

.admin-feature-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.admin-ui-text {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.admin-ui-hint {
  font-size: 0.8rem;
  color: #333333;
}

.admin-ui-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #efefef;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: inset 3px 0 0 var(--gmc-color-accent-orange);
  padding: 0.45rem 0.6rem;
}

.admin-ui-label {
  font-weight: 700;
  letter-spacing: 0.04rem;
}

.admin-switch-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  justify-content: flex-end;
}

.admin-user-role-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.admin-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  grid-gap: 0.75rem 1rem;
  gap: 0.75rem 1rem;
  margin-bottom: 0.75rem;
}

.admin-form-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  font-weight: 700;
}

.admin-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.admin-form-inline {
  min-width: 240px;
}

.admin-revoke-btn {
  padding: 0.3rem 0.7rem;
  border: 1px solid #000000;
  background: #d0d0d0;
  cursor: pointer;
  font-weight: 700;
}

.admin-edit-btn {
  padding: 0.3rem 0.7rem;
  border: 1px solid #000000;
  border-radius: 6px;
  background: #ffffff;
  cursor: pointer;
  font-weight: 700;
  margin-left: 0.4rem;
}

.admin-table-input {
  width: 100%;
  min-width: 0;
  padding: 0.2rem 0.35rem;
  font-size: 0.85rem;
  box-sizing: border-box;
}

/* Production lists: widen "Valeurs autorisees" column by 50% */
.admin-table-prod-lists th:nth-child(1),
.admin-table-prod-lists td:nth-child(1) {
  width: 14%;
}

.admin-table-prod-lists th:nth-child(2),
.admin-table-prod-lists td:nth-child(2) {
  width: 43%;
}

.admin-table-prod-lists th:nth-child(3),
.admin-table-prod-lists td:nth-child(3) {
  width: 20%;
}

.admin-table-prod-lists th:nth-child(4),
.admin-table-prod-lists td:nth-child(4) {
  width: 23%;
}

.admin-table-prod-lists th:nth-child(4) {
  min-width: 13.5rem;
  white-space: nowrap;
}

.admin-table-prod-lists td:nth-child(2),
.admin-table-prod-lists td:nth-child(3) {
  white-space: normal;
  overflow: hidden;
  text-overflow: clip;
}

.admin-list-values-wrap {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.admin-list-values-empty {
  opacity: 0.6;
}

.admin-list-value-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 2px 4px;
}

.admin-list-value-row.is-dragging {
  border-color: #111111;
  border-style: dashed;
}

.admin-list-value-main {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1 1 auto;
}

.admin-list-drag-btn {
  padding: 2px 6px;
  min-width: 24px;
  cursor: -webkit-grab;
  cursor: grab;
}

.admin-list-remove-btn {
  padding: 2px 6px;
  min-width: 24px;
  color: #c81e1e;
  border-color: rgba(200, 30, 30, 0.35);
  background: rgba(200, 30, 30, 0.06);
}

.admin-list-value-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
  padding: 2px 6px;
  border: 1px solid var(--gmc-ui-input-border);
  border-radius: 6px;
  background: var(--gmc-ui-btn-neutral-bg);
  color: #111111;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-list-value-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid #111111;
  flex: 0 0 auto;
}

.admin-list-value-colors {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  justify-content: flex-end;
  flex: 0 0 auto;
}

.admin-list-preset-btn {
  padding: 1px 6px;
  min-width: 24px;
  color: #111111;
}

.admin-list-color-input {
  width: 36px;
  height: 22px;
  padding: 0;
}

.admin-list-clear-btn {
  padding: 1px 6px;
}

.admin-list-add-wrap {
  display: flex;
  gap: 6px;
  align-items: center;
  min-width: 0;
}

.admin-list-add-wrap .admin-table-input {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}

.admin-revoke-btn:hover {
  background: var(--gmc-color-accent-orange);
  color: #0a0a0a;
}

.admin-matrix-wrap {
  margin-top: 0.75rem;
}

.admin-matrix {
  table-layout: fixed;
  min-width: 900px;
}

.admin-matrix th,
.admin-matrix td {
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}

.admin-matrix thead th {
  padding: 0;
}

.admin-matrix thead th:not(.admin-matrix-role),
.admin-matrix tbody td:not(.admin-matrix-role) {
  width: 58px;
  min-width: 58px;
  max-width: 58px;
}

.admin-matrix th.admin-matrix-role {
  min-width: 218px;
  width: 218px;
  text-align: center;
  font-weight: 800;
  font-size: 1.85rem;
}

.admin-matrix-col {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.admin-matrix thead tr {
  height: 210px;
}

.admin-matrix-col span {
  display: inline-block;
  transform: none;
  writing-mode: vertical-rl;
  -webkit-text-orientation: mixed;
          text-orientation: mixed;
  transform: rotate(195deg);
  white-space: nowrap;
  font-size: 1.125rem;
}

.admin-matrix thead th {
  position: relative;
  overflow: visible;
  z-index: 1;
}

.admin-matrix thead th:not(.admin-matrix-role) {
  background: #000000;
  color: #ffffff;
  border-right: 1px solid #ffffff;
}

.admin-matrix thead th:nth-child(2) {
  border-left: 1px solid #ffffff;
}

.admin-matrix thead th.admin-matrix-role {
  border-right: 1px solid #ffffff;
}

.admin-matrix tbody tr {
  height: 90px;
}

.admin-matrix-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
}

.admin-pill {
  border: 1px solid #000000;
  background: #d0d0d0;
  color: #111111;
  font-weight: 700;
  font-size: clamp(9px, 0.55vw, 11px);
  padding: 0.1rem 0.35rem;
  border-radius: 6px;
  cursor: pointer;
}

.admin-pill:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.admin-pill.active {
  background: var(--gmc-color-accent-orange);
  color: #0a0a0a;
}

.admin-matrix-check input {
  transform: scale(0.95);
}

.admin-switch {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  gap: 0.4rem;
}

.admin-switch input {
  display: none;
}

.admin-switch span {
  width: 42px;
  height: 22px;
  border-radius: 20px;
  background: #999999;
  border: 1px solid #000000;
  position: relative;
  transition: background 0.2s ease;
}

.admin-switch span::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border: 1px solid #000000;
  border-radius: 50%;
  top: 1px;
  left: 2px;
  transition: transform 0.2s ease;
}

.admin-switch input:checked + span {
  background: var(--gmc-color-accent-orange);
}

.admin-switch input:checked + span::after {
  transform: translateX(20px);
}

.admin-switch input:disabled + span {
  opacity: 0.8;
  cursor: not-allowed;
  filter: brightness(1.1);
}

.admin-switch input:disabled + span::after {
  opacity: 0.9;
}

.admin-switch input:disabled + span:hover {
  cursor: not-allowed;
}

.admin-hint {
  margin-top: 0.65rem;
  font-size: 0.9rem;
  color: var(--gmc-ui-text);
}

.admin-error-text {
  color: var(--gmc-ui-danger-text);
}

.admin-color-sections {
  display: grid;
  grid-gap: 0.8rem;
  gap: 0.8rem;
}

.admin-color-section {
  border: 1px solid var(--gmc-ui-border);
  border-radius: 8px;
  background: var(--gmc-ui-surface);
  padding: 0.75rem;
}

.admin-color-section-title {
  margin: 0 0 0.3rem;
  font-size: 0.96rem;
  letter-spacing: 0.02rem;
  color: var(--gmc-ui-text);
}

.admin-color-section-text {
  margin: 0;
  font-size: 0.88rem;
  color: var(--gmc-ui-text-muted);
}

.admin-color-label {
  font-weight: 700;
  color: var(--gmc-ui-text);
}

.admin-color-description {
  margin-top: 0.15rem;
  color: var(--gmc-ui-text-muted);
  font-size: 0.82rem;
}

.admin-color-code {
  display: inline-block;
  margin-top: 0.22rem;
  font-size: 0.75rem;
  color: var(--gmc-ui-text-muted);
}

.admin-color-preview-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.admin-color-preview {
  width: 36px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid var(--gmc-ui-border);
}

.admin-color-preview-hex {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.8rem;
  color: var(--gmc-ui-text);
}

.admin-color-warning {
  margin-top: 0.25rem;
  font-size: 0.78rem;
  color: var(--gmc-ui-danger-text);
}

.admin-setting-slider-wrap {
  display: grid;
  grid-gap: 0.45rem;
  gap: 0.45rem;
}

.admin-setting-slider {
  width: 100%;
}

.admin-setting-slider-meta {
  display: grid;
  grid-template-columns: minmax(72px, 84px) 1fr;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  align-items: center;
}

.admin-setting-slider-number {
  text-align: center;
}

.admin-setting-done-preview {
  border: 1px solid var(--gmc-ui-border);
  border-radius: 6px;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.03rem;
  text-align: center;
  padding: 0.2rem 0.5rem;
  white-space: nowrap;
}

.admin-setting-done-preview--separator {
  background: #f3f4f6;
  color: #111111;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 0.45rem;
  min-height: 44px;
  white-space: normal;
}

.admin-setting-done-preview--vertical-separator {
  background: #f3f4f6;
  color: #111111;
  justify-content: space-between;
  align-items: center;
  gap: 0.7rem;
  min-height: 44px;
  white-space: normal;
}

.admin-setting-separator-line {
  display: inline-block;
  width: 100%;
  height: 4px;
  border-radius: 999px;
  flex: 0 0 auto;
}

.admin-setting-separator-line--vertical {
  width: 4px;
  height: 32px;
}

.admin-placeholder {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08rem;
  text-align: center;
  padding: 2rem 1rem;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/gmc/styles/extranet.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.extranet-title {
  color: #ffffff;
  width: 100%;
  background: transparent;
  border-bottom: 0;
  box-sizing: border-box;
}

.extranet-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  background: #000000;
  border-bottom: 3px solid var(--gmc-color-accent-orange);
}

.extranet-header__actions {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  min-width: 0;
}

.extranet-header__actions .admin-tab {
  margin: 0;
}

.extranet-header__aside {
  display: none;
}

.extranet-shell {
  display: grid;
  grid-template-columns: 220px 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  padding: 1rem;
  flex: 1 1;
  min-height: 0;
  height: auto;
  overflow: hidden;
}

.extranet-sidebar {
  background: #0f0f0f;
  color: #ffffff;
  border-radius: 10px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  min-height: 520px;
}

.extranet-brand {
  font-weight: 800;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
}

.extranet-sub {
  font-size: 0.85rem;
  opacity: 0.7;
}

.extranet-nav-menu__row,
.extranet-nav-menu__trigger {
  display: none;
}

.extranet-nav {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1 1;
}

.extranet-shell {
  --extranet-btn-radius: 8px;
  --extranet-btn-border: var(--gmc-color-accent-orange);
  --extranet-btn-bg: #0a0a0a;
  --extranet-btn-color: #ffffff;
}

.extranet-nav__spacer {
  flex: 1 1 auto;
  min-height: 12mm;
}

.extranet-nav__button-mode {
  margin-top: auto;
  display: grid;
  grid-gap: 0.45rem;
  gap: 0.45rem;
  padding-top: 0.65rem;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.extranet-nav__button-mode-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.78rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.82);
}

.extranet-nav__toggle {
  width: 34px;
  height: 18px;
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: 999px;
  background: #171717;
  padding: 2px;
  cursor: pointer;
}

.extranet-nav__toggle span {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  transition: transform 0.16s ease, background-color 0.16s ease;
}

.extranet-nav__toggle.is-on {
  background: var(--gmc-color-accent-orange);
}

.extranet-nav__toggle.is-on span {
  background: #0a0a0a;
  transform: translateX(16px);
}

.extranet-nav__button-preview {
  display: flex;
  gap: 0.35rem;
  align-items: center;
}

.extranet-nav__button-preview button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  min-height: 26px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 7px;
  background: #0a0a0a;
  color: #fff;
  padding: 0.25rem 0.45rem;
  font-size: 0.72rem;
  font-weight: 700;
}

.extranet-nav__button-preview.is-icon-only button {
  width: 28px;
  min-width: 28px;
  padding-inline: 0;
  gap: 0;
}

.extranet-nav__button-preview.is-icon-only button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.extranet-nav__group {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.extranet-nav__item {
  background: #0a0a0a;
  border: 1px solid var(--gmc-color-accent-orange);
  color: #ffffff;
  padding: clamp(0.3rem, 0.45vw, 0.4rem) clamp(0.55rem, 0.9vw, 0.85rem);
  border-radius: var(--extranet-btn-radius);
  text-align: left;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: 0;
  transition: all 0.15s ease;
}

.extranet-nav__item--icon {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.extranet-nav__item:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.extranet-nav__item.active,
.extranet-nav__item:hover {
  background: var(--gmc-color-accent-orange);
  color: #0a0a0a;
  border-color: var(--gmc-color-accent-orange);
}

.extranet-nav__status {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.78rem;
  line-height: 1.25;
  padding: 0 0.25rem;
}

.extranet-submenu {
  margin-left: 0.6rem;
  display: grid;
  grid-gap: 0.4rem;
  gap: 0.4rem;
}

.extranet-submenu__item {
  background: #0a0a0a;
  border: 1px solid var(--gmc-color-accent-orange);
  color: #ffffff;
  padding: clamp(0.25rem, 0.45vw, 0.35rem) clamp(0.5rem, 0.9vw, 0.75rem);
  border-radius: var(--extranet-btn-radius);
  text-align: left;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.15s ease;
}

.extranet-submenu__item:hover {
  background: var(--gmc-color-accent-orange);
  color: #0a0a0a;
  border-color: var(--gmc-color-accent-orange);
}

.extranet-main {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.4rem;
  padding-bottom: 0.8rem;
  min-height: 0;
}

.extranet-section__title {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08rem;
  margin-bottom: 0.6rem;
}

.extranet-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  grid-gap: 0.8rem;
  gap: 0.8rem;
}

.extranet-card {
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  padding: 0.8rem;
}

.extranet-card h4 {
  margin: 0 0 0.4rem;
  font-weight: 800;
}

.extranet-shell .btn-secondary {
  padding: 0.3rem 0.65rem;
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: var(--extranet-btn-radius);
  background: #0a0a0a;
  color: #ffffff;
  cursor: pointer;
  font-weight: 700;
  transition: all 0.15s ease;
}

.extranet-shell .btn-secondary:hover {
  background: var(--gmc-color-accent-orange);
  color: #0a0a0a;
}

.extranet-shell .btn-secondary:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.travel-price-pending {
  color: var(--gmc-color-accent-orange);
  animation: travel-price-pending-pulse 1.1s ease-in-out infinite;
}

@keyframes travel-price-pending-pulse {
  0%,
  100% {
    opacity: 0.55;
  }

  50% {
    opacity: 1;
  }
}

.extranet-shell .admin-add-btn,
.extranet-shell .admin-suspend-btn,
.extranet-shell .admin-tab {
  border-radius: var(--extranet-btn-radius);
}

.extranet-entry-actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
}

.extranet-entry-action {
  min-width: 180px;
  justify-content: center;
}

.extranet-modal-backdrop {
  position: fixed;
  inset: 0;
  background: var(--gmc-ui-overlay);
  display: grid;
  place-items: center;
  z-index: 1500;
  padding: 20px;
}

.extranet-modal {
  width: min(92vw, 460px);
  background: var(--gmc-ui-surface);
  border: 1px solid var(--gmc-ui-border);
  border-radius: 10px;
  padding: 16px;
  display: grid;
  grid-gap: 14px;
  gap: 14px;
}

.extranet-modal__title {
  font-weight: 800;
  font-size: 1.05rem;
}

.extranet-modal__field {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  font-weight: 700;
}

.extranet-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.quote-project-filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(170px, 1fr)) auto;
  grid-gap: 8px;
  gap: 8px;
  margin: 12px 0;
  align-items: center;
}

.quote-project-list-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.quote-project-list-title {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 0;
  font-size: 2rem;
  line-height: 1.05;
  font-weight: 900;
}

.quote-project-list-heading__new {
  min-height: 38px;
  padding-inline: 12px;
}

.quote-project-list {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.quote-project-sortbar {
  display: grid;
  grid-template-columns: minmax(160px, 1.2fr) minmax(120px, 0.9fr) minmax(130px, 1fr) minmax(95px, 0.7fr) minmax(90px, 0.7fr) minmax(90px, 0.65fr);
  grid-gap: 6px;
  gap: 6px;
  align-items: stretch;
}

.quote-project-sortbar__button {
  min-height: 34px;
  border: 1px solid #c8c8c8;
  border-radius: 8px;
  background: #ffffff;
  color: var(--gmc-ui-text);
  font-size: 0.78rem;
  font-weight: 800;
  text-align: left;
  padding: 7px 9px;
  cursor: pointer;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.quote-project-sortbar__button.active {
  border-color: #1f2933;
  background: #1f2933;
  color: #ffffff;
}

.quote-project-row {
  display: grid;
  grid-template-columns: minmax(180px, 0.85fr) minmax(260px, 1.4fr);
  grid-gap: 12px;
  gap: 12px;
  border: 2px solid #1f2933;
  border-radius: 8px;
  padding: 12px;
  background: #f7f7f7;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.12);
}

.quote-project-row--without-follow-up {
  grid-template-columns: 1fr;
  border-color: #f2b8b8;
  background: #fff8f8;
}

.quote-project-row--without-follow-up .quote-project-row__documents {
  display: none;
}

.quote-project-row__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-weight: 800;
  font-size: 1rem;
  overflow-wrap: anywhere;
}

.quote-project-row__sequence-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 7px;
  border: 1px solid var(--gmc-ui-border);
  border-radius: 999px;
  background: #ffffff;
  color: var(--gmc-ui-text-muted);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.quote-project-row__address {
  margin-top: 2px;
  color: var(--gmc-ui-text-muted);
  font-size: 0.86rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.quote-project-row__new-quote {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 8px;
}

.quote-project-row__sequence-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.quote-project-row__quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 0;
}

.quote-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.quote-icon-button svg {
  flex: 0 0 auto;
}

.quote-icon-only-mode .quote-icon-button {
  width: 36px;
  min-width: 36px;
  padding-inline: 0;
  gap: 0;
}

.quote-icon-only-mode .quote-icon-button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.quote-project-row__archived-line,
.quote-project-document__archived-line,
.quote-project-document__single-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
  color: var(--gmc-ui-text-muted);
  font-size: 0.82rem;
}

.quote-project-document__single-line {
  margin-top: 0;
}

.quote-project-document__head {
  font-size: 0.92rem;
  line-height: 1.25;
}

.quote-project-print-menu {
  position: relative;
}

.quote-project-print-menu > summary {
  list-style: none;
  cursor: pointer;
}

.quote-project-print-menu > summary::-webkit-details-marker {
  display: none;
}

.quote-project-print-menu__panel {
  position: absolute;
  z-index: 5;
  top: calc(100% + 4px);
  left: 0;
  min-width: 190px;
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  padding: 8px;
  border: 1px solid #d0d0d0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14);
  font-size: 0.78rem;
}

.quote-project-row__quick-actions .quote-action-without-follow-up {
  border-color: #d95c5c;
  background: #5b1515;
  color: #fff4f4;
}

.quote-project-row__meta,
.quote-project-document__meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  color: var(--gmc-ui-text-muted);
  font-size: 0.82rem;
}

.quote-project-row__documents {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.quote-project-document {
  position: relative;
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  background: #ffffff;
  border: 1px solid #dedede;
  border-radius: 8px;
  padding: 8px;
}

.quote-project-document--without-follow-up {
  background: #fff0f0;
  border-color: #f2b8b8;
  opacity: 0.7;
  overflow: hidden;
}

.quote-project-document--converted {
  background: #fff8e8;
  border-color: #e2b85c;
}

.quote-project-document--order {
  background: #eef7ff;
  border-color: #7bb3df;
  border-left: 5px solid #2d7fb8;
}

.quote-project-document--without-follow-up::after {
  content: none;
}

.quote-status-badge {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.quote-status-badge--without-follow-up {
  background: #ffe0e0;
  color: #9f1d1d;
  border: 1px solid #efb0b0;
}

.quote-status-badge--converted {
  background: #fff1c7;
  color: #7b4e00;
  border: 1px solid #e3bd5a;
}

.quote-status-badge--order {
  background: #dff0ff;
  color: #17577f;
  border: 1px solid #8ec5ed;
}

.quote-project-document__materials {
  font-size: 0.82rem;
  color: var(--gmc-ui-text-muted);
}

.quote-project-document__actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.quote-project-document__actions .quote-action-without-follow-up {
  margin-left: 10px;
  border-color: #d95c5c;
  background: #5b1515;
  color: #fff4f4;
}

.quote-project-document__actions .quote-action-without-follow-up:hover {
  background: #d95c5c;
  color: #170606;
}

.quote-action-delete {
  border-color: #3b3b3b;
  background: #111111;
  color: #ffffff;
}

.quote-action-delete:hover {
  border-color: #b3261e;
  background: #b3261e;
  color: #ffffff;
}

.quote-delete-modal__hint {
  color: var(--gmc-ui-text-muted);
  font-size: 0.86rem;
}

.quote-signature-link-modal {
  width: min(560px, calc(100vw - 24px));
}

.quote-signature-link-modal__body,
.quote-signature-link-modal__field,
.quote-signature-link-modal__result {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.quote-signature-link-modal__summary {
  font-weight: 800;
}

.quote-signature-link-modal__field span,
.quote-signature-link-modal__result span {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--gmc-ui-text-muted);
}

.quote-signature-link-modal__result {
  padding: 10px;
  border: 1px solid var(--gmc-ui-border);
  border-radius: 8px;
  background: color-mix(in srgb, var(--gmc-ui-surface) 84%, #ffffff 16%);
}

.quote-signature-link-modal__result-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.quote-signature-link-modal__result-actions .admin-modal-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.quote-signature-link-modal__error {
  color: #b3261e;
}

.quote-wrapper--readonly .quote-page {
  pointer-events: none;
}

.quote-readonly-overlay {
  position: absolute;
  z-index: 40;
  top: 16mm;
  left: 50%;
  width: 124mm;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4mm;
  padding: 5mm 6mm;
  border: 2px solid #c8c8c8;
  border-radius: 8px;
  background: #fff8e8;
  color: #111111;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  pointer-events: auto;
}

.quote-readonly-overlay__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2mm;
  min-width: 0;
}

.quote-readonly-overlay strong {
  font-size: 22px;
}

.quote-readonly-overlay__duplicate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2mm;
  flex: 0 0 auto;
  min-height: 12mm;
  padding: 0 5mm;
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: 7px;
  background: #0a0a0a;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  cursor: pointer;
}

.quote-readonly-overlay__duplicate:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.extranet-separator {
  height: 2px;
  background: #111111;
  opacity: 0.2;
}

.quote-card {
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-radius: 12px;
  padding: 4.8rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.quote-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  gap: 10px;
  padding: 0;
  width: 100%;
}

.quote-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

.quote-page {
  position: relative;
  width: 100%;
  max-width: none;
  --addr-x: 120mm;
  --addr-y: 35mm;
  --addr-w: 80mm;
  --addr-h: 40mm;
  overflow-x: hidden;
}

.quote-page--calibrate {
  overflow: visible;
}

.quote-sheet-stack {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  width: 100%;
}

.quote-sheet-stack .quote-card--a4:not(:last-child) {
  page-break-after: always;
  break-after: page;
}

.quote-card--a4 {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 210 / 297;
  min-height: 0;
  height: auto;
  padding: 10mm 10mm 8mm 10mm;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14);
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border: 1px solid #b9b9b9;
  border-radius: 0;
  background: #fff;
}

.quote-address-window {
  display: none;
}

.quote-address-label {
  display: none;
}

.quote-calibration-toolbar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 200;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: #f4f4f4;
  border: 1px solid #d0d0d0;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
}

.quote-calibration-field {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  width: 72px;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  color: #111111;
}

.quote-calibration-field--select {
  width: 150px;
}

.quote-calibration-field--stepper {
  width: 128px;
}

.quote-calibration-field .admin-input {
  height: 30px;
  padding: 3px 6px;
  font-size: 12px;
}

.quote-calibration-stepper {
  display: grid;
  grid-template-columns: 28px minmax(54px, 1fr) 28px;
  grid-gap: 3px;
  gap: 3px;
}

.quote-calibration-stepper .toggle-btn {
  min-width: 0;
  height: 30px;
  padding: 0;
  text-align: center;
}

.editable-layout-placeholder {
  visibility: hidden;
  pointer-events: none;
  min-height: 1px;
}

.editable-layout-item {
  position: absolute;
  box-sizing: border-box;
  z-index: 8;
  overflow: visible; /* handles sit at -5px outside bounds */
}

.editable-layout-item__content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.editable-layout-item[data-layout-id="customerBlock"] .editable-layout-item__content {
  overflow: visible;
}

.editable-layout-item__content .quote-summary,
.editable-layout-item__content .quote-top-right,
.editable-layout-item__content .quote-table,
.editable-layout-item__content .quote-footer__grid,
.editable-layout-item__content .quote-footer__meta {
  width: 100%;
  height: 100%;
}

.editable-layout-item__content .quote-logo {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

.quote-layout-flow {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  box-sizing: border-box;
  z-index: 7;
  overflow: visible;
}

.quote-layout-flow__section {
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
}

.quote-layout-flow__section--totals {
  margin-top: 0;
}

.quote-layout-flow__bottom {
  margin-top: auto;
  display: grid;
  grid-gap: 0.35rem;
  gap: 0.35rem;
}

.quote-layout-flow__section--calibration {
  outline: 1.5px dashed rgba(255, 106, 0, 0.5);
  outline-offset: 2px;
  cursor: pointer;
}

.quote-layout-flow__section--calibration:hover {
  outline-color: rgba(255, 106, 0, 0.9);
}

.quote-layout-flow__section--selected {
  outline: 2px solid rgba(255, 106, 0, 1);
  background: rgba(255, 200, 100, 0.08);
}

.quote-layout-flow--calibrate {
  outline: 1.5px dashed rgba(100, 160, 255, 0.4);
  outline-offset: 3px;
}

.quote-flow-drag-handle {
  position: absolute;
  top: -22px;
  left: 0;
  right: 0;
  height: 20px;
  background: rgba(100, 160, 255, 0.15);
  border: 1px solid rgba(100, 160, 255, 0.5);
  border-radius: 3px 3px 0 0;
  cursor: move;
  display: flex;
  align-items: center;
  padding: 0 6px;
  font-size: 10px;
  color: rgba(60, 100, 200, 0.9);
  font-family: monospace;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  touch-action: none;
  z-index: 20;
}

.editable-layout-item--calibration {
  border: 1.5px dashed rgba(255, 106, 0, 0.5);
  background: rgba(255, 200, 100, 0.06);
  cursor: move;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.editable-layout-item--calibration:hover {
  border-color: rgba(255, 106, 0, 0.9);
  background: rgba(255, 200, 100, 0.13);
  z-index: 10;
}

.editable-layout-item--selected {
  border: 2px solid rgba(255, 106, 0, 1);
  background: rgba(255, 200, 100, 0.18);
  z-index: 12;
}

.editable-layout-badge {
  position: absolute;
  top: 3px;
  left: 4px;
  font-size: 8px;
  font-weight: 700;
  color: rgba(160, 50, 0, 0.9);
  background: rgba(255, 255, 255, 0.88);
  padding: 1px 4px;
  border-radius: 2px;
  pointer-events: none;
  white-space: nowrap;
  z-index: 3;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* quote-card inner content wrapper — position: relative so overlay and absolute blocks anchor here */
.quote-card__content {
  position: relative;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  overflow: visible;
}

/* Calibration overlay — transparent layer covering the content area */
.calib-overlay {
  position: absolute;
  inset: 0;
  z-index: 50;
  pointer-events: none;
  overflow: visible;
}

/* Calibration draggable block */
.calib-block {
  box-sizing: border-box;
  pointer-events: auto;
  border: 2px dashed rgba(255, 106, 0, 0.55);
  background: rgba(255, 200, 100, 0.07);
  cursor: move;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  transition: border-color 0.1s, background 0.1s;
}

.calib-block:hover {
  border-color: rgba(255, 106, 0, 0.85);
  background: rgba(255, 200, 100, 0.14);
}

.calib-block--selected {
  border: 2px solid rgba(255, 106, 0, 1);
  background: rgba(255, 200, 100, 0.18);
}

.calib-block__label {
  position: absolute;
  top: 4px;
  left: 5px;
  font-size: 9px;
  font-weight: 700;
  color: rgba(180, 60, 0, 0.85);
  pointer-events: none;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.calib-block__badge {
  position: absolute;
  bottom: 3px;
  right: 4px;
  font-size: 8px;
  font-weight: 600;
  color: rgba(120, 40, 0, 0.8);
  background: rgba(255, 255, 255, 0.85);
  padding: 1px 3px;
  border-radius: 2px;
  pointer-events: none;
  white-space: nowrap;
}

/* 8 resize handles */
.calib-handle {
  position: absolute;
  width: 10px;
  height: 10px;
  background: var(--gmc-color-accent-orange, #ff6a00);
  border: 1px solid #111;
  border-radius: 2px;
  padding: 0;
  z-index: 2;
  pointer-events: auto;
}

.calib-handle--n  { top: -5px; left: calc(50% - 5px); cursor: ns-resize; }
.calib-handle--ne { top: -5px; right: -5px; cursor: nesw-resize; }
.calib-handle--e  { top: calc(50% - 5px); right: -5px; cursor: ew-resize; }
.calib-handle--se { bottom: -5px; right: -5px; cursor: nwse-resize; }
.calib-handle--s  { bottom: -5px; left: calc(50% - 5px); cursor: ns-resize; }
.calib-handle--sw { bottom: -5px; left: -5px; cursor: nesw-resize; }
.calib-handle--w  { top: calc(50% - 5px); left: -5px; cursor: ew-resize; }
.calib-handle--nw { top: -5px; left: -5px; cursor: nwse-resize; }

/* Properties panel */
.calib-properties {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 60;
  pointer-events: auto;
  background: rgba(255, 255, 255, 0.97);
  border: 1.5px solid rgba(255, 106, 0, 0.35);
  border-radius: 6px;
  padding: 8px;
  min-width: 188px;
  max-width: 220px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
  font-size: 11px;
}

.calib-properties__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  border-bottom: 1px solid rgba(255, 106, 0, 0.15);
  padding-bottom: 4px;
}

.calib-properties__title {
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8B3A00;
}

.calib-properties__close {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 13px;
  padding: 0 2px;
  color: #999;
  line-height: 1;
}

.calib-properties__close:hover { color: #111; }

.calib-properties__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4px;
  gap: 4px;
  margin-bottom: 6px;
}

.calib-properties__field {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 10px;
}

.calib-properties__field > span:first-child {
  font-weight: 600;
  color: #666;
  min-width: 24px;
}

.calib-properties__field input[type="number"] {
  width: 40px;
  font-size: 10px;
  padding: 1px 2px;
  border: 1px solid #ccc;
  border-radius: 2px;
  text-align: right;
}

.calib-properties__field > span:last-child { color: #888; }

.calib-properties__sliders {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 6px;
}

.calib-properties__slider {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
}

.calib-properties__slider > span:first-child {
  font-weight: 600;
  color: #666;
  min-width: 28px;
}

.calib-properties__slider input[type="range"] {
  flex: 1 1;
  accent-color: var(--gmc-color-accent-orange, #ff6a00);
}

.calib-properties__slider > span:last-child {
  min-width: 34px;
  text-align: right;
  color: #444;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.calib-properties__reset {
  width: 100%;
  padding: 3px 0;
  font-size: 9px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.calib-properties__reset:hover {
  background: #fff0e6;
  border-color: rgba(255, 106, 0, 0.4);
  color: #8B3A00;
}

.quote-top {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  grid-gap: 0.35rem;
  gap: 0.35rem;
  border-bottom: 1px solid #b9b9b9;
  padding-bottom: 0.35rem;
  min-height: 40mm;
}

.quote-logo-slot {
  width: 98mm;
  height: 38mm;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
}

.quote-logo {
  width: auto;
  max-width: 98mm;
  max-height: 38mm;
  height: auto;
  margin-bottom: 0;
  display: block;
  position: static;
  cursor: pointer;
}

.quote-top-right {
  text-align: right;
  color: #232323;
  font-size: 11px;
  line-height: 1.2;
  position: relative;
}

.quote-title {
  font-weight: 800;
  font-size: 3.3rem;
  color: #111111;
}

.quote-ref {
  font-weight: 700;
  color: #333333;
}

.quote-party {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.45rem;
  gap: 0.45rem;
}

.quote-party__column {
  display: grid;
  grid-gap: 0.35rem;
  gap: 0.35rem;
}

.quote-box {
  border: 1px solid #b9b9b9;
  background: #f3f3f3;
  padding: 0.45rem;
  min-height: 39.1mm;
  font-size: 16.5px;
  line-height: 1.22;
  box-sizing: border-box;
  overflow: visible;
}

.quote-party__main-name {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.05;
}

.quote-party__city-row {
  display: grid;
  grid-template-columns: minmax(44px, max-content) minmax(0, 1fr);
  grid-column-gap: 0.35rem;
  column-gap: 0.35rem;
  align-items: baseline;
  min-width: 0;
}

.quote-box--plain {
  background: #ffffff;
}

.quote-box--emetteur {
  border: none;
  background: #f3f3f3;
}

.quote-section-title {
  font-weight: 800;
  letter-spacing: 0;
  margin-bottom: 0.1rem;
  font-size: 10px;
}

.quote-section-title--placeholder {
  visibility: hidden;
}

.quote-section-title--row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}

.quote-section-title--row .quote-site-toggle {
  position: absolute;
  top: 0;
  right: 0;
}

.quote-section-title--site-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  grid-column-gap: 0.45rem;
  column-gap: 0.45rem;
  position: relative;
}

.quote-section-title--site-grid .quote-site-toggle {
  position: absolute;
  top: 0;
  right: 0;
}

.quote-site-toggle {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  color: #1f2f7a;
  cursor: pointer;
  text-decoration: underline;
}

.quote-site-inline {
  border-left: 1px dashed #c9c9c9;
  padding-left: 0.45rem;
  font-size: 16.5px;
  line-height: 1.22;
  min-height: 0;
  box-sizing: border-box;
  overflow: visible;
}

.quote-box--with-site {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.45rem;
  gap: 0.45rem;
}

.quote-client-main {
  min-width: 0;
}

.quote-table__head,
.quote-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px 160px 80px 120px;
  grid-gap: 0;
  gap: 0;
  align-items: center;
  font-size: 11px;
}

.quote-table__head {
  font-weight: 800;
  font-size: 22px;
  border-bottom: 1px solid #b9b9b9;
  background: #f7f7f7;
  padding: 0;
}

.quote-table {
  flex: 0 0 auto;
  border: 1px solid #b9b9b9;
  min-height: 94mm;
}

.quote-table--auto-height {
  min-height: 0;
}

.quote-table__head > span {
  padding: 2px 4px;
  border-right: 1px solid #b9b9b9;
}

.quote-table__head > span:first-child {
  padding-left: 8px;
}

.quote-table__head > span:last-child {
  border-right: none;
}

.quote-group {
  margin-top: 0;
}

.quote-group__title {
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0.2rem;
}

.quote-group__subtitle {
  font-size: 0.85rem;
  color: #444444;
  margin-bottom: 0.4rem;
}

.quote-row {
  padding: 0;
  border-bottom: 1px solid #e1e1e1;
}

.quote-row > span {
  padding: 2px 4px;
  border-right: 1px solid #e1e1e1;
}

.quote-row > span:last-child {
  border-right: none;
}

.quote-row > span:nth-child(n+2) {
  font-size: 22px;
}

.quote-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.4rem;
  gap: 0.4rem;
  border-top: 1px solid #b9b9b9;
  padding-top: 0.3rem;
  font-size: 11px;
}

.quote-totals-signature-group {
  display: grid;
  grid-gap: 0.35rem;
  gap: 0.35rem;
  break-inside: avoid;
  page-break-inside: avoid;
}

.quote-signature-block {
  display: grid;
  grid-gap: 0.22rem;
  gap: 0.22rem;
  justify-self: end;
  width: 30%;
  min-width: 55mm;
  max-width: 68mm;
  break-inside: avoid;
  page-break-inside: avoid;
  font-size: 10px;
  color: #111111;
}

.quote-signature-block__label {
  font-weight: 700;
}

.quote-signature-block__box {
  min-height: 28mm;
  border: 1px solid #111111;
  background: #ffffff;
}

.order-material-validation-page__signature.quote-signature-block {
  width: 100%;
  max-width: none;
}

.quote-signature-block__signed {
  height: 100%;
  min-height: 28mm;
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-items: center;
  justify-items: center;
  grid-gap: 1mm;
  gap: 1mm;
  padding: 2mm;
  box-sizing: border-box;
  text-align: center;
}

.quote-signature-block__signed img {
  max-width: 100%;
  max-height: 18mm;
  object-fit: contain;
}

.quote-signature-block__agreement,
.quote-signature-block__meta {
  font-size: 9px;
  font-weight: 700;
}

.quote-calibration-scope {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
  padding: 8px;
  border: 1px solid var(--gmc-ui-border);
  border-radius: 8px;
  background: #ffffff;
  font-size: 0.85rem;
  font-weight: 700;
}

.quote-site-card {
  border: 1px solid #b9b9b9;
  background: #fff;
  padding: 0.4rem 0.5rem;
  display: grid;
  grid-gap: 0.4rem;
  gap: 0.4rem;
}

.quote-site-card__row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 12px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.quote-site-card__label {
  font-weight: 700;
  min-width: 260px;
}

.quote-site-card__value {
  font-weight: 600;
  min-width: 160px;
}

.quote-site-card__row .admin-input {
  flex: 1 1 320px;
  min-width: 220px;
}

.quote-site-card__date-picker-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}

.quote-site-card__date-input-proxy {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border: 0;
  padding: 0;
}

.quote-site-card__calendar-icon {
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  color: #111;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.quote-site-card__vat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
}

.quote-site-card__vat .admin-input {
  width: 110px;
  min-width: 0;
  height: 26px;
  padding: 2px 6px;
  font-size: 12px;
}

.quote-vat-settings {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.quote-vat-settings__list {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.quote-vat-settings__rate {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) 120px minmax(260px, 2fr);
  grid-gap: 10px;
  gap: 10px;
  align-items: start;
  border: 1px solid #d0d0d0;
  border-radius: 8px;
  padding: 10px;
  background: #ffffff;
}

.quote-vat-settings__applies {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  font-size: 12px;
}

.quote-vat-settings__checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
}

.quote-vat-settings__checks label,
.quote-vat-settings__actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.quote-vat-settings__actions {
  justify-content: flex-start;
  font-weight: 700;
}

.recipient-inline-input {
  width: 100%;
  border: none;
  background: transparent;
  outline: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  font: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.quote-differential-dialog {
  position: absolute;
  top: 22mm;
  right: 0;
  z-index: 30;
  width: min(430px, calc(100% - 16px));
  border: 1px solid var(--gmc-color-accent-orange);
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

.quote-differential-dialog__title {
  font-weight: 800;
  font-size: 13px;
  color: #111;
}

.quote-differential-dialog__section {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  padding-top: 8px;
  border-top: 1px solid #e5e7eb;
}

.quote-differential-dialog__subtitle {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  color: #4b5563;
}

.quote-differential-dialog label {
  display: grid;
  grid-gap: 3px;
  gap: 3px;
  font-size: 12px;
  font-weight: 700;
}

.quote-differential-dialog__choice-row,
.quote-differential-dialog__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.quote-differential-dialog__choice-row label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.quote-differential-dialog__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 6px;
  gap: 6px;
}

.quote-differential-dialog__result,
.quote-differential-dialog__preview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 4px 8px;
  gap: 4px 8px;
  font-size: 12px;
}

.quote-differential-dialog__preview {
  padding: 6px;
  border-radius: 8px;
  background: #f8fafc;
}

.quote-fixed-margin-lines {
  display: grid;
  grid-gap: 3px;
  gap: 3px;
  margin: 6px 8px 0 8px;
}

.quote-fixed-margin-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 95px;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  padding: 3px 6px;
  border-top: 1px solid #e5e7eb;
  font-size: 12px;
  font-weight: 700;
}

.quote-fixed-margin-line span:last-child {
  text-align: right;
}

.print-only-block {
  display: none;
}

.quote-terms {
  color: #333333;
}

.quote-totals {
  display: grid;
  grid-gap: 0.4rem;
  gap: 0.4rem;
}

.quote-totals > div {
  display: flex;
  justify-content: space-between;
}

.quote-total-ttc {
  font-size: 12px;
}

.order-material-validation-page {
  page-break-before: always;
  break-before: page;
}

.order-material-validation-page__content {
  display: grid;
  grid-gap: 8mm;
  gap: 8mm;
}

.order-material-validation-page__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4mm 6mm;
  gap: 4mm 6mm;
  font-size: 12px;
}

.order-material-validation-page__grid > div {
  display: grid;
  grid-gap: 1mm;
  gap: 1mm;
  padding: 3mm;
  border: 1px solid #b9b9b9;
}

.order-material-validation-page__grid span {
  color: #555555;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.order-material-validation-page__photo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 112mm;
  border: 1px solid #111111;
  background: #f8f8f8;
  color: #555555;
  font-size: 13px;
  font-weight: 700;
}

.order-material-validation-page__photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.order-material-validation-page__notice {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
}

.order-material-validation-page__signature .quote-signature-block__box {
  min-height: 34mm;
}

.quote-footer {
  font-size: 9px;
  line-height: 1.2;
  border-top: 1px solid #c7c7c7;
  padding-top: 0.28rem;
  color: #222222;
  position: static;
  margin-top: auto;
  width: 100%;
  text-align: left;
}

.quote-footer__grid {
  column-count: 2;
  column-gap: 1rem;
}

.quote-footer__item {
  display: grid;
  grid-gap: 0.08rem;
  gap: 0.08rem;
  page-break-inside: avoid;
  break-inside: avoid;
  margin: 0 0 0.25rem;
}

.quote-footer__item strong {
  font-size: 9px;
  line-height: 1.12;
}

.quote-footer__item span {
  font-size: 8.5px;
  line-height: 1.16;
  white-space: pre-line;
}

.quote-footer__item--full {
  column-span: all;
}

.quote-footer__meta {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.35rem;
  font-size: 8px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.quote-terms-editor {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.quote-terms-editor__section {
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  padding: 10px;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.quote-terms-editor__section--empty {
  border-style: dashed;
  border-color: #9ca3af;
  background: #f8fafc;
}

.quote-terms-editor__label {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  font-size: 0.85rem;
  font-weight: 700;
}

.quote-terms-editor__textarea {
  min-height: 96px;
  resize: vertical;
  font-family: inherit;
  line-height: 1.28;
}

.prescripteur-settings {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.prescripteur-settings__grid {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
}

.prescripteur-settings__checkbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
  gap: 10px;
}

.prescripteur-settings__checkbox input {
  width: 18px;
  height: 18px;
  accent-color: var(--gmc-ui-primary);
}

.prescripteur-settings__logo-row {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.prescripteur-sellers {
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  padding: 10px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.prescripteur-sellers__list {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.prescripteur-sellers__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 6px 8px;
}

.prescripteur-sellers__item > div {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  font-size: 0.85rem;
}

.prescripteur-sellers__create {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: 1fr 1fr 1fr auto;
  align-items: end;
}

.print-only-inline {
  display: none;
}

.quote-line-main-title {
  font-size: 1rem !important;
}

.quote-line-dimensions {
  font-size: 0.88rem !important;
}

.quote-page--calibrate .quote-card__content {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 0.18) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.18) 1px, transparent 1px);
  background-size: calc(100% / 42) calc(100% / 59.4);
  background-position: 0 0;
}

.calib-axis {
  position: absolute;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.45);
  font-size: 8pt;
  font-weight: 700;
  text-transform: uppercase;
}

.calib-axis--cols {
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(42, 1fr);
  padding: 0;
  text-align: center;
  height: calc(100% / 59.4);
  width: 100%;
  align-items: center;
}

.calib-axis--cols-bottom {
  top: auto;
  bottom: 0;
}

.calib-axis--rows {
  top: 0;
  left: 0;
  display: grid;
  grid-template-rows: repeat(59, 1fr) 0.4fr;
  padding: 0;
  align-items: center;
  width: calc(100% / 42);
  height: 100%;
}

.calib-axis--rows-right {
  left: auto;
  right: 0;
}

@media (max-width: 900px) {
  .extranet-shell {
    grid-template-columns: 1fr;
    height: auto;
  }

  .quote-project-row {
    grid-template-columns: 1fr;
  }

  .quote-project-filters {
    grid-template-columns: 1fr;
  }

  .quote-project-list-title {
    font-size: 1.6rem;
  }

  .quote-project-sortbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .prescripteur-settings__grid {
    grid-template-columns: 1fr;
  }

  .prescripteur-sellers__create {
    grid-template-columns: 1fr;
  }
}

/* @page doit être au niveau racine — imbriqué dans @media print il est ignoré par Chromium/Playwright */
@page {
  size: A4;
  margin: 0;
}

@media print {
  body.print-quote-only * {
    visibility: hidden !important;
  }

  body.print-quote-only .quote-page,
  body.print-quote-only .quote-page * {
    visibility: visible !important;
  }

  body.print-quote-only .no-print,
  body.print-quote-only button,
  body.print-quote-only input,
  body.print-quote-only textarea,
  body.print-quote-only select {
    display: none !important;
  }

  body.print-quote-only .quote-page {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    width: 210mm !important;
    min-width: 210mm !important;
  }

  body.print-quote-only .print-only-inline {
    display: inline;
  }

  body.print-quote-only .print-only-block {
    display: block;
  }

  /* Rétablit les règles écrasées par @media (max-width:900px) actif à 794px (viewport PDF) */
  .quote-top-right {
    text-align: right;
  }

  .quote-summary {
    grid-template-columns: 1fr 1fr;
  }

  .quote-page {
    width: 210mm;
    height: 297mm;
  }

  .quote-card--a4 {
    width: 210mm;
    min-height: 297mm;
    box-shadow: none;
    border: none;
    border-radius: 0;
  }

  .quote-sheet-stack {
    gap: 0;
  }

  .quote-card__content {
    gap: 0.3rem;
  }

  /* In PDF the flow section must grow downward with content, not be pinned to card bottom */
  .quote-layout-flow {
    bottom: auto;
  }

  /* Allow block content to overflow visibly rather than being clipped */
  .editable-layout-item__content {
    overflow: visible;
  }

  .editable-layout-item--calibration,
  .editable-layout-item--selected {
    border: none;
    background: none;
    cursor: default;
  }

  .editable-layout-badge,
  .calib-handle {
    display: none;
  }

  .quote-line-main-title {
    font-size: 1.05rem !important;
    line-height: 1.1 !important;
  }

  .quote-line-dimensions {
    font-size: 0.9rem !important;
    line-height: 1.1 !important;
  }

  .quote-row {
    border-bottom: 1px dotted #d1d5db !important;
    padding: 0.12rem 0 !important;
  }

  .quote-footer {
    margin-top: auto;
  }

  .calib-axis--cols {
    grid-template-columns: repeat(21, 10mm);
  }

  .calib-axis--rows {
    grid-template-rows: repeat(29, 10mm);
  }
}

/* ─── PDF Playwright context ─────────────────────────────────────────────────
   Playwright ne déclenche pas @media print. Ces règles reprennent exactement
   les overrides déjà présents dans le bloc @media print ci-dessus, ciblés via
   l'attribut [data-pdf-ready] posé par pdf-view/page.jsx sur le div racine.
   Ne pas ajouter d'autres règles ici — la logique reste dans @media print.
   ─────────────────────────────────────────────────────────────────────────── */
[data-pdf-ready] .quote-layout-flow {
  bottom: auto;
}

[data-pdf-ready] .editable-layout-item__content {
  overflow: visible;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/gmc/styles/extranet-compact.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.quote-compact {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  color: var(--gmc-ui-text, #171717);
}

.quote-compact-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 8px;
  background: #ffffff;
}

.quote-compact-header__eyebrow,
.quote-compact-header__meta {
  margin: 0;
  color: var(--gmc-ui-text-muted, #666666);
  font-size: 12px;
}

.quote-compact-header h2 {
  margin: 3px 0;
  font-size: 18px;
  line-height: 1.15;
  letter-spacing: 0;
}

.quote-compact-status {
  flex: 0 0 auto;
  max-width: 44%;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.09);
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 700;
  text-align: right;
}

.quote-compact-status.is-readonly {
  background: rgba(82, 82, 82, 0.12);
  color: #404040;
}

.quote-compact-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 8px;
  background: #ffffff;
}

.quote-compact-actions__quick,
.quote-compact-doc-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 8px;
  gap: 8px;
}

.quote-compact-doc-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.quote-compact-chip,
.quote-compact-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  gap: 7px;
  border: 1px solid rgba(17, 17, 17, 0.12);
  border-radius: 8px;
  background: #f8fafc;
  color: #111111;
  font-size: 13px;
  font-weight: 700;
}

.quote-compact-action--primary {
  background: #111827;
  color: #ffffff;
}

.quote-compact-chip:disabled,
.quote-compact-action:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.quote-compact-section {
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}

.quote-compact-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 38px;
  padding: 9px 11px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.08);
  background: #f8fafc;
}

.quote-compact-section__header h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0;
}

.quote-compact-section__header span {
  color: var(--gmc-ui-text-muted, #666666);
  font-size: 12px;
  white-space: nowrap;
}

.quote-compact-section__body {
  padding: 10px;
}

.quote-compact-piece-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.quote-compact-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 8px;
  background: #ffffff;
}

.quote-compact-card__top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.quote-compact-card h4,
.quote-compact-card p {
  margin: 0;
}

.quote-compact-card h4 {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0;
}

.quote-compact-card p,
.quote-compact-card__child {
  color: var(--gmc-ui-text-muted, #666666);
  font-size: 12px;
  line-height: 1.25;
}

.quote-compact-card__top > strong {
  flex: 0 0 auto;
  font-size: 13px;
  white-space: nowrap;
}

.quote-compact-card__tools {
  display: flex;
  gap: 8px;
}

.quote-compact-card__tools span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 7px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

.quote-compact-card__children {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 14px;
  border-left: 2px solid rgba(17, 17, 17, 0.1);
}

.quote-compact-card__child {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.quote-compact-empty {
  margin: 0;
  color: var(--gmc-ui-text-muted, #666666);
  font-size: 13px;
}

.quote-compact-summary {
  display: grid;
  grid-gap: 7px;
  gap: 7px;
}

.quote-compact-summary > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 13px;
}

.quote-compact-summary__total {
  padding-top: 7px;
  border-top: 1px solid rgba(17, 17, 17, 0.1);
  font-size: 15px;
}

.quote-compact-tablet__grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.82fr) minmax(420px, 1.18fr);
  grid-gap: 12px;
  gap: 12px;
  align-items: start;
}

.quote-compact-tablet__left {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.quote-compact-tablet__editor {
  min-width: 0;
}

.quote-compact-sheet-viewport {
  width: 100%;
  max-width: 100%;
  height: calc(100dvh - 64px);
  max-height: calc(100dvh - 64px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 8px;
  background: #e5e7eb;
}

.quote-compact-sheet-spacer {
  position: relative;
  margin: 0 auto;
}

.quote-compact-sheet-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 210mm;
  transform-origin: top left;
}

.quote-compact-zoom {
  display: block;
  align-items: center;
  padding: 0 4px;
}

.quote-compact-zoom__range {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 100%;
  min-height: 0;
  height: 14px;
  margin: 0;
  background: transparent;
  accent-color: #111827;
}

.compact-phone .quote-compact-zoom__range {
  min-height: 0;
}

.quote-compact-zoom__range::-webkit-slider-runnable-track {
  height: 2px;
  border-radius: 999px;
  background: rgba(17, 17, 17, 0.22);
}

.quote-compact-zoom__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  margin-top: -5px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: var(--gmc-color-accent-orange, #ff6a00);
  box-shadow: 0 1px 3px rgba(17, 17, 17, 0.25);
}

.quote-compact-zoom__range::-moz-range-track {
  height: 2px;
  border-radius: 999px;
  background: rgba(17, 17, 17, 0.22);
}

.quote-compact-zoom__range::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: var(--gmc-color-accent-orange, #ff6a00);
  box-shadow: 0 1px 3px rgba(17, 17, 17, 0.25);
}

@media (max-width: 767px) {
  .quote-compact-phone {
    padding: 0;
  }

  .quote-compact-header {
    align-items: stretch;
    flex-direction: column;
  }

  .quote-compact-status {
    max-width: 100%;
    text-align: left;
  }

  .quote-compact-sheet-viewport {
    height: calc(100dvh - 58px);
    max-height: calc(100dvh - 58px);
  }
}

@media (max-width: 980px) {
  .quote-compact-tablet__grid {
    grid-template-columns: 1fr;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/gmc/styles/production.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
/* Production / A produire panels */
.page-prod .app-main {
  padding-left: 0;
  padding-right: 0;
}

.page-prod .panel-title,
.page-prod .panel-card {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.panel {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  background: var(--gmc-theme-panel-bg);
  padding: 0;
}

.panel-card {
  background: var(--gmc-theme-card-bg);
  border: 2px solid var(--gmc-theme-card-border);
  box-shadow: var(--gmc-theme-card-shadow);
  padding: 0;
  overflow: visible;
  flex: 1 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-top: 0 !important;
}

.panel-card .gmc-grid-bottom {
  flex: 1 1;
  min-height: 0;
  height: 100%;
  overflow: auto;
}

.grid-frame {
  padding: 0.75rem;
  flex: 1 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}

.grid-frame .gmc-grid-bottom {
  flex: 1 1;
  min-height: 0;
  height: 100%;
}

.panel-left .grid-frame,
.panel-right .grid-frame {
  padding: 0.75rem;
  flex: 1 1;
  min-height: 0;
  height: 100%;
}

.panel-right .gmc-grid-bottom {
  height: 100%;
}

.panel-card .panel-title {
  margin-bottom: 0.1rem;
}

/* Largeur prod = inset comme admin, sans toucher l'admin */
.page-prod .app-main {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.panel + .panel {
  margin-top: 0;
}

.panel:first-of-type {
  margin-top: 0;
}

.panel-left {
  position: -webkit-sticky;
  position: sticky;
  top: var(--gmc-main-pad);
  z-index: 12;
  box-shadow: none;
  flex: none;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: visible;
}

.panel-left .panel-card {
  flex: none;
  min-height: 0;
  height: auto;
}

.panel-left .gmc-grid-bottom {
  flex: none;
  min-height: 0;
  height: auto;
  overflow: visible !important;
  overflow-y: visible !important;
  overflow-x: visible !important;
  box-shadow: none;
}

.panel-title {
  margin-bottom: 0 !important;
  box-sizing: border-box;
}

.panel-title.with-count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.panel-title .title-text {
  flex: 1 1;
  text-align: center;
}

.panel-title .title-count {
  position: absolute;
  right: 1rem;
  font-weight: 800;
  font-size: 0.95rem;
  letter-spacing: 0.04rem;
}

.panel-right .panel-title {
  position: static;
}

.panel-right {
  flex: 1 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.panel-right .gmc-grid-bottom {
  flex: 1 1;
  min-height: 0;
  height: 100%;
  overflow-y: auto;
  box-shadow: none;
}

.panel-right .gmc-grid-bottom .ag-body-viewport {
  overflow-y: auto !important;
}

.panel-left .ag-pinned-bottom .ag-row {
  min-height: 36px;
  height: 36px !important;
}

.panel-left .ag-pinned-bottom .ag-cell {
  font-weight: 900 !important;
  background: transparent;
  justify-content: flex-start !important;
  align-items: center;
  padding-left: 12px !important;
  font-size: 1.38rem !important;
  line-height: normal !important;
}

.panel-left .ag-pinned-bottom .ag-cell[col-id="tr"] {
  justify-content: flex-start !important;
}

.panel-left .ag-pinned-bottom .ag-cell .ag-cell-value {
  font-weight: 900 !important;
  font-size: 1.38rem !important;
  display: flex;
  align-items: center;
  min-height: 100%;
  height: 100%;
}

.title-actions-left-aprod {
  position: static;
  min-width: 0;
  max-width: 100%;
  flex-wrap: wrap;
  align-content: center;
  row-gap: 0.3rem;
  justify-self: start;
  margin-left: 0.55rem;
}

.panel-title-aprod.with-count {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto;
  align-items: center;
  grid-column-gap: 0.6rem;
  column-gap: 0.6rem;
}

.panel-title-aprod.with-count .title-text {
  min-width: 0;
  justify-content: center;
}

.panel-title-aprod.with-count .title-count {
  position: static;
  margin-right: 1rem;
  white-space: nowrap;
}

/* Production / A produire AG Grid */
.gmc-grid {
  width: 100% !important;
  box-sizing: border-box;
}

.ag-theme-quartz {
  width: 100% !important;
  box-sizing: border-box;

  --ag-background-color: #ffffff;
  --ag-odd-row-background-color: #f6f7fb;
  --ag-foreground-color: #1f1f1f;

  /* === NOUVELLES VARIABLES V34 === */
  --ag-header-row-background-color: #b00000 !important;
  --ag-header-cell-background-color: #b00000 !important;
  --ag-header-cell-text-color: #ffffff !important;

  /* Bordures + hover */
  --ag-borders: #c2c6d0;
  --ag-row-hover-color: #f2f4f9;

  --ag-header-height: 46px;
  --ag-row-height: 32px;
}

.theme-dark .ag-theme-quartz {
  --ag-background-color: #1a2330;
  --ag-odd-row-background-color: #202a38;
  --ag-foreground-color: #e6edf7;
  --ag-borders: #364455;
  --ag-row-hover-color: #2a3647;
  --ag-header-row-background-color: #7f1111 !important;
  --ag-header-cell-background-color: #7f1111 !important;
  --ag-header-cell-text-color: #ffffff !important;
}

.ag-theme-quartz .ag-header-cell-label {
  font-weight: 700;
  justify-content: center;
}

.ag-theme-quartz .ag-header-cell-label {
  font-weight: 700;
  text-align: center;
}

.cell-red {
  background-color: var(--gmc-color-danger-bg) !important;
  color: var(--gmc-color-danger-text) !important;
}

.cell-green {
  background-color: var(--gmc-color-validation-bg) !important;
  color: var(--gmc-color-validation-text) !important;
  font-weight: 800 !important;
}

.cell-orange {
  background-color: var(--gmc-color-accent-orange) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

.cell-orange-text {
  color: var(--gmc-color-accent-orange) !important;
  font-weight: 800 !important;
}

.cell-green-black {
  background-color: var(--gmc-color-validation-bg) !important;
  color: #111111 !important;
  font-weight: 800 !important;
}

.cell-green-black-outline {
  background-color: var(--gmc-color-validation-bg) !important;
  color: #111111 !important;
  font-weight: 800 !important;
  box-shadow: inset 0 0 0 2px #111111 !important;
}

.cell-green-red {
  background-color: var(--gmc-color-validation-bg) !important;
  color: #d10000 !important;
  font-weight: 800 !important;
  box-shadow: inset 0 0 0 2px #d10000 !important;
}

.ag-theme-quartz .ag-cell.cell-locked-by-other {
  cursor: not-allowed !important;
}

.ag-theme-quartz .ag-cell.cell-focused-and-locked-by-other {
  cursor: not-allowed !important;
}

.ag-theme-quartz .ag-cell.cell-focused-by-other {
  box-shadow: none !important;
}

.ag-theme-quartz .ag-cell.cell-focused-by-other::after {
  content: none !important;
}

.ag-theme-quartz .ag-cell.cell-focused-and-locked-by-other {
  box-shadow: none !important;
}

.ag-theme-quartz .ag-cell.cell-focused-and-locked-by-other::after {
  content: none !important;
}

.gmc-focus-overlays {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 15;
}

.gmc-focus-overlay-item {
  position: absolute;
}

.gmc-focus-overlay-fill {
  position: absolute;
  inset: 0;
  border-radius: 2px;
}

.gmc-focus-overlay-ring {
  position: absolute;
  inset: 0;
  border-radius: 2px;
}

.gmc-focus-overlay-badges {
  position: absolute;
  right: 0;
  top: 0;
}

.gmc-focus-overlay-badge {
  position: absolute;
  right: 2px;
  top: 2px;
  min-width: 16px;
  height: 14px;
  line-height: 14px;
  border-radius: 7px;
  padding: 0 4px;
  font-size: 9px;
  font-weight: 800;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
}

.ag-theme-quartz .ag-row:not(.aprod-group-row):not(.aprod-subtotal-row) .ag-cell.cell-red .ag-cell-value,
.ag-theme-quartz .ag-row:not(.aprod-group-row):not(.aprod-subtotal-row) .ag-cell.cell-orange .ag-cell-value {
  color: #000000 !important;
}

.cell-ar-default {
  background-color: transparent !important;
  color: inherit !important;
}

.cell-neutral {
  background-color: transparent !important;
  color: inherit !important;
}

.ag-theme-quartz .aprod-subtotal-row .ag-cell.cell-neutral,
.ag-theme-quartz .row-total .ag-cell.cell-neutral,
.ag-theme-quartz .gmc-row-total .ag-cell.cell-neutral {
  background-color: inherit !important;
}

.ag-theme-quartz .ag-cell[col-id="ar"] .ag-cell-value {
  color: #000000 !important;
}

.cell-prod {
  background-color: transparent !important;
  color: inherit !important;
}

.ag-theme-quartz .ag-row:not(.aprod-subtotal-row) .ag-cell.cell-depart:not(.cell-orange-text):not(.cell-green-black):not(.cell-green-black-outline):not(.cell-green-red) {
  background-color: transparent !important;
  color: inherit !important;
}

.cell-om {
  background-color: var(--gmc-color-validation-bg) !important;
  color: var(--gmc-color-validation-text) !important;
  font-weight: 800 !important;
}

/* ========================================================= */
/*  HEADER AG GRID : FOND ROUGE APPLICATION + TEXTE BLANC           */
/* ========================================================= */

.ag-theme-quartz .ag-header,
.ag-theme-quartz .ag-header-viewport,
.ag-theme-quartz .ag-header-row,
.ag-theme-quartz .ag-header-cell,
.ag-theme-quartz .ag-header-group-cell {
  background-color: #b00000 !important;
  color: #ffffff !important;
}

/* le texte à l'intérieur de la cellule d’en-tête */
.ag-theme-quartz .ag-header-cell-text {
  color: #ffffff !important;
}

/* on garde le centrage + gras */
.ag-theme-quartz .ag-header-cell-label {
  font-weight: 700;
  justify-content: center;
}

.page-prod .gmc-grid-top,
.page-prod .gmc-grid-bottom {
  height: auto;
  min-height: 0;
}

/* ===== ALIGNEMENT DU TEXTE ===== */

/* Keep AG Grid native cell layout; center content via cell value container only. */
.ag-theme-quartz.gmc-grid .ag-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
  border-right: 1px solid rgba(0, 0, 0, var(--gmc-prod-vertical-separator-opacity)) !important;
}

.ag-theme-quartz.gmc-grid .ag-row {
  border-bottom: 1px solid rgba(0, 0, 0, var(--gmc-prod-separator-opacity)) !important;
}

.ag-theme-quartz.gmc-grid .ag-cell .ag-cell-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
}

.ag-theme-quartz.gmc-grid .ag-cell .ag-cell-value {
  display: block;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.ag-theme-quartz.gmc-grid .ag-cell[col-id="commentaires"] .ag-cell-value {
  text-align: left;
}

.ag-theme-quartz.gmc-grid .ag-header-cell-label {
  display: flex;
  align-items: center;
}

/* Keep app grid alignment driven by our row/cell styles, not AG numeric auto-right alignment. */
.ag-theme-quartz.gmc-grid .ag-right-aligned-cell {
  text-align: center !important;
}

.ag-theme-quartz.gmc-grid .ag-right-aligned-cell .ag-cell-value,
.ag-theme-quartz.gmc-grid .ag-right-aligned-cell .ag-group-value,
.ag-theme-quartz.gmc-grid .ag-right-aligned-cell .ag-skeleton-effect {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ag-theme-quartz .marker-row {
  font-weight: 900;
  font-size: 1.3rem;
}

.ag-theme-quartz .aprod-group-row .ag-cell {
  background: #000000 !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 1.1rem !important;
}

.ag-theme-quartz .gmc-row-total .ag-cell[col-id="prod"],
.ag-theme-quartz .gmc-row-total .ag-cell[col-id="prod"] .ag-cell-value {
  color: #000000 !important;
}

.ag-theme-quartz .gmc-row-total.is-holiday .ag-cell.production-holiday-cell {
  justify-content: center;
  background: #000000 !important;
  color: #ff7a00 !important;
}

.ag-theme-quartz .production-holiday-label {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0 10px;
  overflow: visible;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
}

.ag-theme-quartz .aprod-group-row .ag-cell .ag-cell-value {
  line-height: 1;
}

.ag-theme-quartz .blocked-row .ag-cell {
  background: #ff9999 !important;
  color: #000 !important;
}

.ag-theme-quartz .prod-archived-row .ag-cell {
  opacity: 0.75;
  background: #cfe9d7 !important;
  color: #0f3f2d !important;
}

.ag-theme-quartz .prod-pas-fait-row .ag-cell {
  background: #ffe7bf !important;
  color: #111111 !important;
}

.ag-theme-quartz .ag-cell.cell-prod-pas-fait {
  background: #ffd7a1 !important;
  color: #111111 !important;
  font-weight: 800 !important;
}

.ag-theme-quartz .ag-cell.cell-prod-blank {
  background: transparent !important;
  color: inherit !important;
  font-weight: 700 !important;
}

/* Hover : léger zoom uniquement (pas de fond ni ombre) */
.ag-theme-quartz
  .ag-row-hover:not(.ag-row-pinned):not(.aprod-group-row):not(.blocked-row)
  .ag-cell {
  font-weight: 700 !important;
  font-family: inherit;
}

/* En-tête des colonnes PROD (6e colonne) en jaune */
.ag-theme-quartz .ag-header-cell[col-id="prod"],
.ag-theme-quartz .ag-header-cell.col-prod-yellow {
  background: #ffd200 !important;
  color: #000 !important;
}

.ag-theme-quartz .aprod-subtotal-row .ag-cell {
  background: var(--gmc-aprod-tc-marker-bg, #f2f2f2) !important;
  color: var(--gmc-aprod-tc-marker-color, #111111) !important;
  font-weight: 900 !important;
  font-size: 1.1rem !important;
  height: 32px;
}

.ag-theme-quartz .row-total.ag-row-selected .ag-cell,
.ag-theme-quartz .row-total .ag-cell.ag-cell-focus,
.ag-theme-quartz .row-total .ag-cell:focus {
  outline: none !important;
  box-shadow: none !important;
}

.ag-theme-quartz .ag-full-width-row.row-total .ag-cell-wrapper {
  width: 100%;
  padding: 0 !important;
}

.ag-theme-quartz .touch-drag-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -1px;
  color: #444;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ag-theme-quartz .touch-drag-handle.armed {
  color: #000;
  font-weight: 700;
}

/* Drag & drop : rendu plus nerveux */
.ag-theme-quartz .ag-row-dragging {
  opacity: 1 !important;
  transform: scale(1.005);
  transition: transform 0.05s ease-out;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
  cursor: -webkit-grabbing;
  cursor: grabbing;
  font-weight: 800 !important;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(126, 34, 206, 0.18) 0 10px,
    rgba(126, 34, 206, 0.06) 10px 20px
  ) !important;
}

.ag-theme-quartz .ag-row-dragging .ag-cell {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  background: transparent !important;
}

.ag-theme-quartz .ag-row.ag-row-dragging {
  transition: none;
}

.ag-theme-quartz .ag-dnd-ghost {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 0.08 !important;
}

.ag-theme-quartz .ag-dnd-ghost-icon,
.ag-theme-quartz .ag-dnd-ghost-label {
  opacity: 0 !important;
}

.panel-card.gmc-cross-grid-drop-target .grid-frame::after {
  content: "";
  position: absolute;
  inset: 0.75rem;
  z-index: 20;
  pointer-events: none;
  border-radius: 4px;
  background:
    radial-gradient(circle at 24% 18%, rgba(255, 255, 255, 0.42), transparent 34%),
    radial-gradient(circle at 78% 72%, rgba(255, 255, 255, 0.34), transparent 30%),
    rgba(245, 245, 248, 0.38);
  -webkit-backdrop-filter: blur(1.6px) saturate(0.92);
          backdrop-filter: blur(1.6px) saturate(0.92);
}

.gmc-grid .ag-cell {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.gmc-grid .ag-cell-wrapper {
  position: relative;
}

.gmc-grid .ag-row-drag {
  position: absolute !important;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.gmc-grid .ag-row-drag,
.gmc-grid .ag-icon-grip {
  display: none !important;
}

.gmc-grid .ag-row-drag.ag-invisible {
  display: none !important;
}

/* Commentaires : alignés à gauche */
.ag-theme-quartz .ag-cell[col-id="commentaires"] {
  justify-content: flex-start;
}

.ag-theme-quartz .ag-tooltip {
  white-space: pre-line;
}

/* Indicateur de commentaire sur la colonne client */
.ag-theme-quartz .client-cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  width: 100%;
  text-align: center;
}

.comments-disabled .ag-theme-quartz .client-comment-icon {
  display: none;
}

.ag-theme-quartz .client-comment-icon {
  width: 16px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='28' viewBox='0 0 32 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.75' y='1.75' width='28.5' height='20.5' rx='6' stroke='%23e95420' stroke-width='3'/%3E%3Cpath d='M10 22 L6.5 26.5 L13 22' stroke='%23e95420' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ag-theme-quartz .client-text {
  display: inline-block;
}

.ag-theme-quartz .sav-row .ag-cell {
  background: #efefef !important;
}

/* Priorite au fond FAIT (meme si la ligne est SAV). */
.ag-theme-quartz .prod-archived-row.sav-row .ag-cell,
.ag-theme-quartz .prod-archived-row .ag-cell {
  background: var(--gmc-prod-done-row-bg) !important;
  color: var(--gmc-prod-done-row-text) !important;
}

.ag-theme-quartz .sav-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 6px;
  border-radius: 999px;
  background: #222;
  color: #fff;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.4;
}

.ag-theme-quartz .ag-cell.client-text-orange .client-text {
  color: var(--gmc-color-accent-orange) !important;
  font-weight: 800 !important;
}

.ag-theme-quartz .ag-cell.client-text-red .client-text {
  color: var(--gmc-color-danger-bg) !important;
  font-weight: 900 !important;
}

.ag-theme-quartz .ag-cell.affaire-text-orange .ag-cell-value {
  color: var(--gmc-color-accent-orange) !important;
  font-weight: 800 !important;
}

.ag-theme-quartz .ag-cell.affaire-text-red .ag-cell-value {
  color: var(--gmc-color-danger-bg) !important;
  font-weight: 900 !important;
}

/* Desktop search-light history (React list, AG-like visual) */
.history-search-desktop {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.45rem 0.5rem;
  height: 100%;
  overflow: auto;
}

.history-search-desktop__title {
  margin: 0;
  font-size: 1.6rem;
  padding: 0.7rem 0.9rem;
  letter-spacing: 0.16rem;
}

.history-search-desktop__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #000000;
  color: #ffffff;
  border-bottom: 2px solid var(--gmc-color-accent-orange);
  padding: 0.35rem 0.6rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-size: 0.8rem;
}

.history-search-desktop__table {
  border: 2px solid #000;
  background: #d9d9d9;
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.2);
  min-height: 0;
  overflow: auto;
}

.history-search-desktop__head,
.history-search-desktop__day-head,
.history-search-desktop__row {
  display: grid;
  grid-template-columns: 70px 90px minmax(180px, 1.3fr) minmax(110px, 1fr) minmax(120px, 1fr) minmax(100px, 0.85fr) 64px 90px 90px minmax(120px, 1fr);
}

.history-search-desktop__head {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  background: #b00000;
  color: #ffffff;
}

.history-search-desktop__body {
  background: #f5f5f5;
}

.history-search-desktop__day-head {
  background: #b00000;
  color: #ffffff;
  border-top: 1px solid #8e0000;
}

.history-search-desktop__separator {
  background: #000000 !important;
  color: #ffffff !important;
  border-bottom: 3px solid var(--gmc-color-accent-orange) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  grid-gap: 12px;
  gap: 12px;
  padding: 0.35rem 0.6rem;
  font-size: 0.39rem !important;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap !important;
  min-height: 0 !important;
}

.history-search-desktop__separator span:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}

.history-search-desktop__separator span:last-child {
  margin-left: auto;
  white-space: nowrap !important;
}

.history-search-desktop__row {
  border-top: 1px solid #d3d3d3;
  min-height: 44px;
}

.history-search-desktop__row:hover {
  background: #fff1e8;
}

.history-search-desktop__row--clickable {
  cursor: pointer;
}

.history-search-desktop__row--clickable:focus-visible {
  outline: 2px solid var(--gmc-color-accent-orange);
  outline-offset: -2px;
}

.history-search-desktop__cell {
  min-width: 0;
  padding: 0.56rem 0.6rem;
  border-right: 1px solid #e3e3e3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.05rem;
  line-height: 1.15;
}

.history-search-desktop__cell:last-child {
  border-right: none;
}

.history-search-desktop__cell--head {
  font-weight: 800;
  letter-spacing: 0.03em;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 0.92rem;
}

.history-search-desktop__cell--day-head {
  font-weight: 800;
  letter-spacing: 0.03em;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 0.66rem;
}

.history-search-desktop__empty {
  padding: 1rem;
  color: #333;
  font-weight: 700;
}

.history-search-desktop .hsr-col-jour,
.history-search-desktop .hsr-col-prod,
.history-search-desktop .hsr-col-ep {
  text-align: center;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/gmc/styles/planning.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.planning-tech-day-label__rail {
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.planning-tech-day-label__rail-track {
  display: flex;
  flex-wrap: nowrap;
}

.planning-tech-day-label__rail-item {
  flex: 0 0 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.planning-tech-day-label__rail-item.is-holiday {
  color: #ff7a00;
  text-transform: uppercase;
}

.planning-tech-header__holiday {
  margin-top: 2px;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0;
}

.gmc-inline-load-overlay--planning-technician {
  inset: 0;
  align-items: center;
  background: rgba(255, 106, 0, 0.14);
}

.gmc-inline-load-overlay--planning-technician .gmc-initial-load-card--inline {
  background: rgba(28, 18, 8, 0.96);
  border-color: var(--gmc-color-accent-orange);
}

.gmc-inline-load-overlay--planning-technician .gmc-initial-load-title--inline,
.gmc-inline-load-overlay--planning-technician .gmc-initial-load-message {
  color: #ffd089;
  animation: gmc-initial-load-blink 0.95s ease-in-out infinite;
}

.admin-planning-panel {
  padding: 0.55rem 0.55rem 0.95rem;
  background-clip: padding-box;
}

.admin-planning-table-shell {
  border: 2px solid #000000;
  border-radius: 12px;
  overflow: hidden;
  background: #f7f4ef;
}

.admin-planning-table {
  margin-bottom: 0.45rem;
  border-collapse: separate !important;
  border-spacing: 0;
  border-radius: 0;
  overflow: visible;
  margin-bottom: 0;
  background: transparent;
}

.admin-planning-table.admin-table-users {
  border-collapse: separate !important;
}

.admin-planning-table th:first-child,
.admin-planning-table td:first-child {
  border-left: 0;
}

.admin-planning-table th:last-child,
.admin-planning-table td:last-child {
  border-right: 0;
}

.admin-planning-table thead tr:first-child th {
  border-top: 0;
}

.admin-planning-table tbody tr:last-child td {
  border-bottom: 0;
}

.admin-planning-table .admin-planning-group-separator td {
  background: #111111;
  color: #ffffff;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.5rem 0.75rem;
}

.admin-planning-table .admin-planning-subgroup-separator td {
  background: #d5d5d5;
  color: #111111;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0.3rem 0.75rem;
}

.admin-planning-table .admin-planning-group-separator.is-drop-target td,
.admin-planning-table .admin-planning-subgroup-separator.is-drop-target td,
.admin-planning-table tr.is-drop-target td {
  box-shadow: inset 0 0 0 2px #ff6a00;
}

.admin-planning-table tr.is-dragging td {
  opacity: 0.55;
}

.admin-planning-actions {
  margin-top: 0.45rem;
}

.admin-planning-user-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0 0 0.7rem;
}

.admin-planning-user-picker__item {
  white-space: nowrap;
}

.admin-planning-order-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}

.admin-planning-btn--icon {
  min-width: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.admin-planning-tech-actions-cell .admin-planning-btn--icon {
  color: #c81e1e;
  border-color: rgba(200, 30, 30, 0.35);
}

.admin-planning-tech-actions-cell {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.admin-planning-tech-actions-cell .admin-input {
  flex: 1 1 auto;
  min-width: 0;
}

.admin-planning-multi-select {
  min-height: 74px;
  width: 100%;
}

.admin-planning-mobile-assignments,
.admin-planning-mobile-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}

.admin-planning-mobile-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.45rem;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 999px;
  background: #f5f5f5;
  color: #111111;
  max-width: 100%;
}

.admin-planning-mobile-chip__label {
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}

.admin-planning-mobile-chip__remove {
  border: 0;
  background: transparent;
  color: #8b0000;
  font-size: 0.95rem;
  font-weight: 900;
  line-height: 1;
  padding: 0;
  cursor: pointer;
}

.admin-planning-mobile-add-btn {
  min-width: 30px;
  width: 30px;
  height: 30px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
}

.admin-planning-tech-remove-cell {
  text-align: center;
  vertical-align: middle;
}

.admin-planning-action-type-cell {
  display: flex;
  justify-content: flex-end;
  min-height: 22px;
  margin-bottom: 0.2rem;
}

.ag-theme-quartz .planning-total-full-row {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000000;
  color: #ffffff;
  font-weight: 900;
  font-size: 1.1rem;
  box-sizing: border-box;
}

.ag-theme-quartz .planning-total-full-row--grid {
  display: grid;
  justify-content: initial;
  align-items: center;
}

.ag-theme-quartz .planning-total-label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 6px;
  white-space: nowrap;
}

.ag-theme-quartz .planning-total-value {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-align: center;
}

.planning-page {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  min-height: 0;
  width: 100%;
  min-width: 0;
}

.planning-toolbar {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 16px;
  padding: 0 2px;
}

.planning-week {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
}

.planning-toolbar-title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.planning-toolbar-subtitle {
  margin-top: 4px;
  font-size: 12px;
  opacity: 0.78;
  max-width: 760px;
}

.planning-toolbar-chip {
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: 999px;
  background: #000000;
  color: #ffffff;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.planning-layout {
  display: grid;
  flex: 1 1;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: 14px;
  gap: 14px;
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  min-width: 0;
  padding: 0 1.5%;
  box-sizing: border-box;
}

.planning-main-card {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  padding: 0;
  overflow: hidden;
  border-color: var(--gmc-color-accent-orange);
  width: 100%;
  min-width: 0;
  margin: 0;
  position: relative;
}

.planning-main-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.planning-tech-day {
  --planning-tech-inline-size: 97%;
  --planning-tech-gap-top: 1%;
  --planning-tech-gap-main: 2%;
  display: flex;
  flex-direction: column;
  gap: var(--planning-tech-gap-main);
  padding: 0;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  box-sizing: border-box;
}

.planning-tech-header {
  --planning-tech-header-h: 4.5vh;
  --planning-tech-header-toggle-h: calc(var(--planning-tech-header-h) * 0.25);
  --planning-tech-header-refresh-h: calc(var(--planning-tech-header-h) - 8px);
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  align-self: center;
  width: var(--planning-tech-inline-size);
  height: var(--planning-tech-header-h);
  min-height: var(--planning-tech-header-h);
  max-height: var(--planning-tech-header-h);
  margin-top: var(--planning-tech-gap-top);
  padding: 0 14px;
  background: #000000;
  color: #ffffff;
  border-radius: 12px 12px 0 0;
  border-top: 0;
  border-bottom: 3px solid var(--gmc-color-accent-orange);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
  box-sizing: border-box;
}

.planning-tech-debug-blank {
  flex: 1 1 auto;
  min-height: 0;
}

.planning-tech-header__toggle,
.planning-tech-header__refresh {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  white-space: nowrap;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #ffffff;
  cursor: pointer;
  margin: 0;
  padding: 0;
  min-width: 0;
  min-height: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
}

.planning-tech-header__toggle {
  justify-self: start;
  align-self: center;
  inline-size: max-content;
  block-size: var(--planning-tech-header-toggle-h);
  min-block-size: var(--planning-tech-header-toggle-h);
  max-block-size: var(--planning-tech-header-toggle-h);
  font-size: clamp(8px, calc(var(--planning-tech-header-toggle-h) * 0.9), 11px);
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-radius: 0;
  padding: 0;
}

.planning-tech-header__refresh {
  justify-self: end;
  align-self: center;
  inline-size: var(--planning-tech-header-refresh-h);
  block-size: var(--planning-tech-header-refresh-h);
  min-inline-size: var(--planning-tech-header-refresh-h);
  max-inline-size: var(--planning-tech-header-refresh-h);
  min-block-size: var(--planning-tech-header-refresh-h);
  max-block-size: var(--planning-tech-header-refresh-h);
}

.planning-tech-header__refresh svg {
  width: 72%;
  height: 72%;
}

.planning-tech-header__toggle:hover,
.planning-tech-header__toggle:focus-visible,
.planning-tech-header__refresh:hover,
.planning-tech-header__refresh:focus-visible {
  background: transparent;
  color: var(--gmc-color-accent-orange);
}

.planning-tech-header__refresh:disabled {
  opacity: 0.45;
  background: transparent;
}

.planning-tech-header__date {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.planning-tech-header__date-text {
  display: block;
  align-self: center;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  box-sizing: border-box;
}

.planning-tech-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-self: center;
  width: var(--planning-tech-inline-size);
  min-width: 0;
  min-height: 0;
  max-height: calc(100% - var(--planning-tech-header-h) - var(--planning-tech-gap-top) - var(--planning-tech-gap-main));
}

.planning-tech-nav {
  display: flex;
  gap: 8px;
}

.planning-tech-nav--top {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.planning-tech-nav--bottom {
  justify-content: space-between;
}

.planning-tech-nav-btn {
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: 999px;
  background: #000000;
  color: #ffffff;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.planning-tech-strip {
  padding: 8px 10px;
  background: #111111;
  color: #ffffff;
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.planning-tech-resource-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.planning-tech-resource-tab {
  flex: 0 0 auto;
  border: 1px solid rgba(236, 121, 30, 0.42);
  border-radius: 999px;
  background: rgba(17, 17, 17, 0.06);
  color: #111111;
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.planning-tech-resource-tab.is-active {
  background: #111111;
  color: #ffffff;
  border-color: var(--gmc-color-accent-orange);
}

.planning-tech-search-bar {
  display: flex;
  gap: 8px;
  align-items: center;
}

.planning-tech-search-input {
  width: 100%;
  min-width: 0;
  border-radius: 14px;
  border: 1px solid rgba(236, 121, 30, 0.42);
  background: #ffffff;
  color: #111111;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 600;
}

.planning-tech-cards {
  width: 100%;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  align-content: start;
  min-width: 0;
}

.planning-tech-pager {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  min-width: 0;
  min-height: 0;
  touch-action: pan-x pan-y;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.planning-tech-pager::-webkit-scrollbar {
  display: none;
}

.planning-tech-pager__track {
  display: flex;
  align-items: start;
  width: 300%;
  height: 100%;
  min-height: 100%;
  min-width: 0;
}

.planning-tech-pager__slide {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(100% / 3);
  height: 100%;
  min-height: 100%;
  min-width: 0;
  padding: 0 2px;
  box-sizing: border-box;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.planning-tech-pager__slide > .planning-tech-cards {
  flex: 1 1 auto;
  width: 100%;
  min-height: 100%;
}

.planning-tech-movement-band {
  min-height: 2.5vh;
  margin: 0 2px 10px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  box-sizing: border-box;
  border: 2px solid var(--planning-movement-color, #6f3cff);
  background: color-mix(in srgb, var(--planning-movement-color, #6f3cff) 28%, white);
  color: var(--planning-movement-color, #6f3cff);
  border-radius: 8px;
}

.planning-tech-movement-band__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.planning-tech-movement-band__count {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.planning-tech-day-group {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.planning-tech-day-group__title {
  padding: 8px 10px;
  border-radius: 10px;
  background: #111111;
  color: #ffffff;
  border: 1px solid var(--gmc-color-accent-orange);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.planning-tech-day-group__title.is-holiday {
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: #000000;
  color: #ff7a00;
  text-transform: uppercase;
}

.planning-tech-day-group__title.is-holiday strong {
  font-size: 11px;
  line-height: 1.1;
  letter-spacing: 0;
}

.planning-tech-day-group__cards {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  min-width: 0;
}

.planning-tech-card {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  min-width: 0;
  text-align: left;
  padding: 3px 5px 5px;
  padding-left: 12px;
  box-sizing: border-box;
  overflow-x: hidden;
  display: block;
}

.planning-tech-card .planning-card-topline--header {
  min-height: 3.5vh;
  min-height: 3.5dvh;
  margin-bottom: 2px;
  gap: 1px;
  align-items: center;
  font-size: 10px;
  line-height: 1;
}

.planning-tech-card .planning-card-tags {
  gap: 1px;
  line-height: 1;
}

.planning-tech-card .planning-card-tag {
  font-size: 10px;
}

.planning-tech-card .planning-card-tag--type {
  min-height: 0;
  padding: 0;
}

.planning-tech-card .planning-card-type-marker {
  min-width: 2vh;
  min-width: 2dvh;
  height: 2vh;
  height: 2dvh;
  font-size: 9px;
}

.planning-tech-card .planning-card-type-marker--validated {
  min-width: 2vh;
  min-width: 2dvh;
  height: 2vh;
  height: 2dvh;
  padding: 0 1px;
  border-width: 1px;
}

.planning-tech-card .planning-card-status-wrap {
  line-height: 1;
}

.planning-tech-card .planning-card-affaire {
  min-height: 0;
  gap: 2px;
  padding: 0 3px;
  border-radius: 4px;
  font-size: 10px;
}

.planning-tech-action-item {
  width: 100%;
  border: 2px solid color-mix(in srgb, var(--planning-action-item-color, #e7eef8) 82%, #111111);
  border-radius: 8px;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--planning-action-item-color, #e7eef8) 28%, white) 0 14px, transparent 14px),
    #f7f7f7;
  box-shadow: none;
  padding: 6px 8px;
  text-align: left;
  color: #111111;
  box-sizing: border-box;
}

.planning-tech-action-item--movement {
  border-color: color-mix(in srgb, var(--planning-action-item-color, #6f3cff) 82%, #111111);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--planning-action-item-color, #6f3cff) 38%, white) 0 16px, transparent 16px),
    color-mix(in srgb, var(--planning-action-item-color, #6f3cff) 16%, white);
}

.planning-tech-action-item__topline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}

.planning-tech-action-item__label {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.planning-tech-action-item__time {
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  margin-left: auto;
}

.planning-tech-action-item__affaire {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
}

.planning-tech-action-item__comment {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
}

.planning-tech-card .planning-card-status {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline;
  font-size: 9.4px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  min-height: 0;
  line-height: 1;
  box-shadow: none;
}

.planning-tech-empty {
  border: 1px dashed rgba(0, 0, 0, 0.18);
  border-radius: 10px;
  background: #ffffff;
  padding: 20px 14px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(17, 17, 17, 0.64);
}

.planning-search-results {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  padding: 12px;
}

.planning-search-results__header {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}

.planning-search-results__title {
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.planning-search-results__subtitle {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  opacity: 0.72;
}

.planning-search-results__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  grid-gap: 12px;
  gap: 12px;
  align-content: start;
}

.planning-search-result-card {
  width: 100%;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  text-align: left;
  cursor: pointer;
}

.planning-search-result-card__row {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
}

.planning-search-result-card__label {
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.62;
}

.planning-search-result-card__value {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  word-break: break-word;
}

.planning-grid {
  display: grid;
  --planning-day-columns: 7;
  --planning-day-min-width: 180px;
  --planning-grid-head-height: 50px;
  --planning-row-min-height: 136px;
  grid-template-columns: 56px 220px repeat(var(--planning-day-columns), minmax(var(--planning-day-min-width), 1fr));
  align-items: stretch;
  overflow: visible;
  position: relative;
}

.planning-grid-head {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 12;
  background: #000000;
  color: #ffffff;
  border-bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  padding: 12px 10px;
  min-height: var(--planning-grid-head-height);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-align: center;
}

.planning-grid-head--day {
  cursor: default;
}

.planning-grid-head--upcoming {
  background: #1b1b1b;
}

.planning-grid-head--day.is-holiday {
  background: #000000;
  color: #ff7a00;
}

.planning-grid-head-label {
  font-size: 12px;
  font-weight: 800;
}

.planning-grid-head-holiday {
  margin-top: 3px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
  text-transform: uppercase;
  letter-spacing: 0;
}

.planning-grid-head--resource {
  left: 56px;
  z-index: 13;
}

.planning-grid-head--subgroup {
  left: 0;
  z-index: 14;
  border-left: 0;
  text-align: center;
}

.planning-group-row {
  --gmc-planning-group-line-h: 3vh;
  --gmc-planning-group-line-h: 3dvh;
  grid-column: 1 / -1;
  position: -webkit-sticky;
  position: sticky;
  top: var(--planning-grid-head-height);
  z-index: 11;
  padding: 0 calc(var(--gmc-planning-group-line-h) * 0.4);
  background: #111111;
  color: #ffffff;
  border-top: 1px solid var(--gmc-color-accent-orange);
  border-bottom: 1px solid var(--gmc-color-accent-orange);
  min-height: var(--gmc-planning-group-line-h);
  height: var(--gmc-planning-group-line-h);
  font-size: calc(var(--gmc-planning-group-line-h) * 0.9);
  line-height: var(--gmc-planning-group-line-h);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--gmc-planning-group-line-h) * 0.25);
  flex-wrap: nowrap;
  overflow: hidden;
}

.planning-group-row__header {
  display: flex;
  align-items: center;
  gap: calc(var(--gmc-planning-group-line-h) * 0.25);
  width: 100%;
  min-width: 0;
}

.planning-group-row__title-wrap {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--gmc-planning-group-line-h) * 0.25);
  min-width: 0;
  font-size: calc(var(--gmc-planning-group-line-h) * 0.9);
  line-height: var(--gmc-planning-group-line-h);
}

.planning-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 calc(var(--gmc-planning-group-line-h) * 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: inherit;
  min-height: calc(var(--gmc-planning-group-line-h) * 0.52);
  font-size: calc(var(--gmc-planning-group-line-h) * 0.3);
  line-height: calc(var(--gmc-planning-group-line-h) * 0.3);
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.planning-group-row__action-btn {
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  background: transparent;
  color: #ffffff;
  padding: 0 calc(var(--gmc-planning-group-line-h) * 0.28);
  min-height: calc(var(--gmc-planning-group-line-h) * 0.52);
  font-size: calc(var(--gmc-planning-group-line-h) * 0.3);
  line-height: calc(var(--gmc-planning-group-line-h) * 0.3);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

.planning-group-row__action-btn:hover {
  background: var(--gmc-color-accent-orange);
  border-color: var(--gmc-color-accent-orange);
}

.planning-group-row__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc(var(--gmc-planning-group-line-h) * 0.2);
  flex-wrap: nowrap;
  margin-left: auto;
}

.planning-group-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 9px;
  color: #111111;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: none;
}

.planning-group-action.is-blocking {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18);
}

.planning-group-action__label {
  text-transform: uppercase;
}

.planning-group-action__meta,
.planning-group-action__comment {
  color: rgba(17, 17, 17, 0.78);
}

.planning-resource-cell {
  position: -webkit-sticky;
  position: sticky;
  left: 56px;
  z-index: 1;
  background: #ffffff;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #000000;
  padding: 12px 10px;
  min-height: 136px;
}

.planning-subgroup-cell {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  background: #f1f1f1;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 2px solid #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 136px;
  overflow: hidden;
}

.planning-subgroup-cell span {
  display: inline-block;
  transform: rotate(-90deg);
  transform-origin: center;
  font-size: 22px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  white-space: nowrap;
}

.planning-resource-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.25;
}

.planning-resource-name-main {
  min-width: 0;
}

.planning-resource-name .planning-count-badge {
  background: rgba(17, 17, 17, 0.08);
  color: rgba(17, 17, 17, 0.82);
  flex: 0 0 auto;
}

.planning-resource-registration {
  margin-top: 3px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
  opacity: 0.62;
  text-transform: uppercase;
}

.planning-resource-kind {
  margin-top: 4px;
  font-size: 11px;
  opacity: 0.65;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.planning-resource-kind--teams {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  margin-top: 6px;
  text-transform: none;
  letter-spacing: normal;
  opacity: 1;
  justify-items: stretch;
}

.planning-resource-team-title {
  border: 0;
  padding: 0;
  background: transparent;
  text-align: left;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}

.planning-resource-team-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
}

.planning-resource-team-line--week {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
}

.planning-resource-team-line--day {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: baseline;
  grid-column-gap: 8px;
  column-gap: 8px;
  grid-row-gap: 2px;
  row-gap: 2px;
  width: 100%;
}

.planning-resource-team-day {
  font-size: 13.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: rgba(0, 0, 0, 0.58);
}

.planning-resource-team-value {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 11px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.82);
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.planning-resource-team-line--week .planning-resource-team-value {
  font-size: 15px;
  text-align: left;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.planning-resource-team-line--week .planning-resource-team-value strong,
.planning-resource-team-line--day .planning-resource-team-value strong {
  font-size: 1.3em;
  font-weight: 900;
}

.planning-resource-team-line--day .planning-resource-team-day {
  display: block;
  font-size: 13.5px;
  text-align: left;
}

.planning-resource-team-line--day .planning-resource-team-day::after {
  content: none;
}

.planning-resource-team-line--day .planning-resource-team-value {
  display: block;
  width: 100%;
  justify-self: stretch;
  text-align: left;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.planning-grid-cell {
  min-height: var(--planning-row-min-height);
  padding: 8px;
  border-bottom: 2px solid #000000;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
  background: #ffffff;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  align-content: start;
}

.planning-subgroup-cell.planning-row--alt {
  background: #dddddd;
}

.planning-resource-cell.planning-row--alt,
.planning-grid-cell.planning-row--alt {
  background: #ececec;
}

.planning-grid-cell.is-holiday {
  background: #000000;
  color: #ff7a00;
}

.planning-grid-cell.planning-row--alt.is-holiday {
  background: #000000;
  color: #ff7a00;
}

.planning-grid-cell__holiday {
  margin: -8px -8px 2px;
  padding: 4px 8px;
  border-bottom: 1px solid rgba(255, 122, 0, 0.45);
  background: #000000;
  color: #ff7a00;
  display: flex;
  gap: 6px;
  align-items: center;
  min-width: 0;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.planning-grid-cell__holiday strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.planning-grid-cell__team-band {
  margin: -8px -8px 2px;
  padding: 4px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: color-mix(in srgb, var(--gmc-color-accent-orange) 10%, white);
  color: rgba(17, 17, 17, 0.78);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.planning-grid-cell--movement-covered .planning-grid-cell__team-band {
  margin-top: 0;
}

.planning-grid-cell--movement-covered {
  border-bottom: 3px solid var(--planning-movement-border-color, #6f3cff);
  background: color-mix(in srgb, var(--planning-movement-fill-color, #6f3cff) 25%, white);
  padding-top: 0;
  gap: 0;
  --planning-band-offset-left: -8px;
  --planning-band-offset-right: -8px;
}

.planning-grid-cell--movement-first {
  padding-left: 0;
  --planning-band-offset-left: 0;
  border-left: 0;
  background-image: linear-gradient(var(--planning-movement-border-color, #6f3cff), var(--planning-movement-border-color, #6f3cff));
  background-repeat: no-repeat;
  background-size: 2px calc(100% - 3px);
  background-position: left 3px;
}

.planning-grid-cell--movement-last {
  padding-right: 0;
  --planning-band-offset-right: 0;
  border-right: 0;
  background-image: linear-gradient(var(--planning-movement-border-color, #6f3cff), var(--planning-movement-border-color, #6f3cff));
  background-repeat: no-repeat;
  background-size: 2px calc(100% - 3px);
  background-position: right 3px;
}

.planning-grid-cell--movement-single {
  padding-left: 0;
  padding-right: 0;
  border-left: 0;
  border-right: 0;
  background-image:
    linear-gradient(var(--planning-movement-border-color, #6f3cff), var(--planning-movement-border-color, #6f3cff)),
    linear-gradient(var(--planning-movement-border-color, #6f3cff), var(--planning-movement-border-color, #6f3cff));
  background-repeat: no-repeat, no-repeat;
  background-size:
    2px calc(100% - 3px),
    2px calc(100% - 3px);
  background-position:
    left 3px,
    right 3px;
}

.planning-grid-cell__bands {
  display: grid;
  grid-template-rows: repeat(var(--planning-movement-lanes), minmax(28px, auto));
  grid-gap: 0;
  gap: 0;
  align-content: start;
  margin-left: var(--planning-band-offset-left, 0);
  margin-right: var(--planning-band-offset-right, 0);
}

.planning-grid-cell__cards {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  align-content: start;
  min-width: 0;
  padding: 0 8px 0 8px;
}

.planning-grid-cell--movement-covered .planning-grid-cell__cards {
  margin-top: 8px;
  min-width: 0;
  padding-left: 4px;
  padding-right: 4px;
}

.planning-action-item {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: 2px solid color-mix(in srgb, var(--planning-action-item-color, #e7eef8) 82%, #111111);
  border-radius: 6px;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--planning-action-item-color, #e7eef8) 28%, white) 0 14px, transparent 14px),
    #f7f7f7;
  box-shadow: none;
  padding: 6px 8px;
  text-align: left;
  color: #111111;
  cursor: pointer;
}

.planning-grid-cell--movement-covered .planning-action-item {
  max-width: 100%;
}

.planning-action-item__topline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}

.planning-action-item__kind {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: #111111;
  color: #ffffff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.planning-action-item__label {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.planning-action-item__time {
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  margin-left: auto;
}

.planning-action-item__affaire {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
}

.planning-action-item__comment {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
}

.planning-grid-cell__band-fragment {
  min-height: 25px;
  margin-top: 3px;
  padding: 2px 6px 2px 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #111111;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  box-sizing: border-box;
  cursor: pointer;
}

.planning-grid-cell__band-fragment.is-first {
  padding-left: 6px;
}

.planning-grid-cell__band-fragment.is-last {
  padding-right: 6px;
}

.planning-grid-cell__band-fragment.is-single {
  padding-right: 6px;
}

.planning-grid-cell__band-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}

.planning-grid-cell.is-over {
  background: rgba(255, 106, 0, 0.08);
  box-shadow: inset 0 0 0 2px rgba(255, 106, 0, 0.22);
}

.planning-grid-cell--upcoming-group {
  min-height: 0;
  position: relative;
  padding: 0;
  background: rgba(0, 0, 0, 0.03);
  overflow: hidden;
}

.planning-grid-cell__upcoming-scroll {
  position: absolute;
  inset: 8px 4px 8px 8px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 4px;
}

.planning-card {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  padding: 6px 7px;
  cursor: -webkit-grab;
  cursor: grab;
}

.planning-card--compact {
  padding: 5px 6px;
  min-height: 0;
}

.planning-card--editing {
  background-image:
    repeating-linear-gradient(
      -45deg,
      rgba(106, 59, 255, 0.14) 0,
      rgba(106, 59, 255, 0.14) 8px,
      rgba(255, 255, 255, 0.08) 8px,
      rgba(255, 255, 255, 0.08) 16px
    );
  box-shadow:
    inset 0 0 0 2px rgba(106, 59, 255, 0.35),
    0 4px 10px rgba(0, 0, 0, 0.05);
}

.planning-grid-cell--upcoming .planning-card--compact {
  opacity: 0.7;
  background: #f1f1f1 !important;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-left: 4px solid #7a7a7a !important;
}

.planning-grid-cell--upcoming .planning-card--compact.planning-card--orange,
.planning-grid-cell--upcoming .planning-card--compact.planning-card--sand,
.planning-grid-cell--upcoming .planning-card--compact.planning-card--slate,
.planning-grid-cell--upcoming .planning-card--compact.planning-card--red {
  border-left-width: 4px !important;
}

.planning-grid-cell--upcoming .planning-card--compact.planning-card--orange {
  background: #fff1e5 !important;
  border-left-color: var(--gmc-color-accent-orange) !important;
}

.planning-card--orange {
  background: #fff1e5;
  border-left: 4px solid var(--gmc-color-accent-orange);
}

.planning-card--sand {
  background: #f8edd6;
  border-left: 4px solid #b87f18;
}

.planning-card--slate {
  background: #e7eaee;
  border-left: 4px solid #49525f;
}

.planning-card--red {
  background: #fdeaea;
  border-left: 4px solid #d93025;
}

.planning-grid-cell--upcoming .planning-card--compact.planning-card--red {
  background: #fdeaea !important;
  border-left-color: #d93025 !important;
}

.planning-card-topline {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
  font-size: 14px;
  font-weight: 700;
}

.planning-card-topline--header {
  margin-bottom: 3px;
}

.planning-card-topline--client {
  align-items: center;
  margin-bottom: 2px;
}

.planning-card-tags {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  min-width: 0;
  flex-wrap: wrap;
}

.planning-card-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  color: inherit;
  text-transform: uppercase;
}

.planning-card-type-marker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}

.planning-card-type-marker--default {
  color: currentColor;
}

.planning-card-type-marker--done {
  color: #0b7a28;
}

.planning-card-type-marker--validated {
  min-width: 18px;
  height: 18px;
  padding: 0 3px;
  border: 1px solid #111111;
  border-radius: 2px;
  background: #111111;
  color: #ffffff;
}

.planning-card-affaire {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 22px;
  max-width: 100%;
  background: var(--gmc-color-accent-orange);
  color: #111111;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 10px;
  box-sizing: border-box;
}

.planning-card-affaire-wrap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
}

.planning-card-editing-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  margin-bottom: 6px;
  padding: 3px 8px 3px 4px;
  border-radius: 999px;
  background: rgba(106, 59, 255, 0.12);
  color: #4f2ab8;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

.planning-card-editing-badge__dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #6a3bff;
  color: #ffffff;
  font-size: 10px;
  font-weight: 900;
}

.planning-card-editing-badge__label {
  display: inline-block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.planning-card-om-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  padding: 1px 6px;
  border: 2px solid var(--gmc-color-accent-orange);
  border-radius: 999px;
  background: transparent;
  color: #b86c00;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.planning-card-split-badge {
  display: inline;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(17, 17, 17, 0.78);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.planning-card--drag-overlay {
  width: 280px;
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.24);
  pointer-events: none;
  transform: rotate(1deg);
}

.planning-card-shell {
  display: block;
}

.planning-card-shell--with-time {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: stretch;
  grid-column-gap: 8px;
  column-gap: 8px;
}

.planning-card-side-time-rail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  min-width: 18px;
  overflow: visible;
}

.planning-card-side-time-rail > span {
  display: block;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  transform-origin: center;
  white-space: nowrap;
  font-size: 14.4px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.04em;
  color: rgba(17, 17, 17, 0.82);
}

.planning-card-main {
  min-width: 0;
}

.planning-card-client {
  flex: 1 1;
  min-width: 0;
  font-size: 17px;
  font-weight: 900;
  color: inherit;
  text-transform: uppercase;
}

.planning-card-client--compact {
  font-size: 13px;
  line-height: 1.15;
}

.planning-card-client-line {
  display: block;
}

.planning-card-amount {
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 900;
}

.planning-card-amount.is-zero {
  color: #0b7a28;
}

.planning-card-amount.is-due {
  color: #a32020;
}

.planning-card-title {
  margin-top: 3px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: rgba(17, 17, 17, 0.75);
}

.planning-card-address-row + .planning-card-address-row {
  margin-top: 2px;
}

.planning-card-address {
  display: inline;
  font-size: 14px;
  line-height: 1.2;
  color: rgba(17, 17, 17, 0.88);
}

.planning-card-link,
.planning-confirm-modal__link {
  text-decoration: none;
  color: inherit;
}

.planning-card-link:hover,
.planning-confirm-modal__link:hover {
  text-decoration: underline;
}

.planning-error-modal {
  width: min(460px, calc(100vw - 2rem));
}

.planning-upcoming-modal {
  width: min(92vw, 720px);
  max-height: min(82vh, 82dvh);
  display: flex;
  flex-direction: column;
}

.planning-upcoming-modal__body {
  overflow-y: auto;
  align-content: start;
  gap: 14px;
  padding-right: 4px;
}

.planning-upcoming-modal__group {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.planning-upcoming-modal__group-title {
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.planning-upcoming-modal__list {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.planning-upcoming-modal__item {
  width: 100%;
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  text-align: left;
  border-radius: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(0, 0, 0, 0.14);
  cursor: pointer;
}

.planning-upcoming-modal__item-date {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.72;
}

.planning-upcoming-modal__item-client {
  font-size: 15px;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

.planning-upcoming-modal__item-meta {
  font-size: 12px;
  font-weight: 700;
  opacity: 0.78;
}

.planning-upcoming-modal__empty {
  font-size: 14px;
  font-weight: 700;
  opacity: 0.8;
}

.planning-card-time-row {
  margin-top: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.planning-card-time {
  min-width: 0;
  font-size: 15px;
  font-weight: 900;
  color: #111111;
}

.planning-card-note {
  margin-top: 3px;
  padding-top: 3px;
  border-top: 1px solid rgba(17, 17, 17, 0.18);
  font-size: 14px;
  font-style: italic;
  color: rgba(17, 17, 17, 0.9);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.planning-card-actions {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
}

.planning-card-confirm-btn {
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 999px;
  background: #111111;
  color: #ffffff;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}

.planning-card-confirm-btn:hover {
  background: var(--gmc-color-accent-orange);
  border-color: var(--gmc-color-accent-orange);
}

.planning-confirm-popover-layer {
  position: fixed;
  inset: 0;
  z-index: 1350;
  background: transparent;
}

.planning-confirm-modal {
  position: fixed;
  z-index: 1360;
  width: min(460px, calc(100vw - 24px));
  max-height: calc(100vh - 24px);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 8px;
  background: #ffffff;
  color: #111111;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
  padding: 14px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.planning-confirm-modal__title {
  font-size: 15px;
  font-weight: 800;
  padding-bottom: 8px;
  border-bottom: 2px solid #2f77ff;
}

.planning-confirm-modal__section {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.planning-confirm-modal__label {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.planning-confirm-modal__client-name {
  font-size: 14px;
  font-weight: 700;
}

.planning-confirm-modal__client-line {
  font-size: 12px;
  color: rgba(17, 17, 17, 0.72);
}

.planning-confirm-modal__checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  background: #f7f7f7;
  padding: 6px 8px;
  font-size: 13px;
}

.planning-confirm-modal__datetime {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8px;
  gap: 8px;
}

.planning-confirm-modal__choice {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 4px 0;
  font-size: 13px;
}

.planning-confirm-modal__choice label {
  display: flex;
  align-items: center;
  gap: 4px;
}

.planning-confirm-modal__history,
.planning-confirm-modal__comment,
.planning-confirm-modal__notes {
  width: 100%;
}

.planning-confirm-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.planning-confirm-modal__btn {
  border: 0;
  border-radius: 4px;
  padding: 8px 12px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.planning-confirm-modal__btn--comment {
  background: #1473e6;
}

.planning-confirm-modal__btn--cancel {
  background: #6f7b87;
}

.planning-confirm-modal__btn--close {
  background: #111111;
  color: #ffffff;
}

.planning-confirm-modal__btn--confirm {
  background: #29a643;
}

.planning-team-popover-layer {
  position: fixed;
  inset: 0;
  z-index: 1700;
  background: transparent;
}

.planning-team-popover {
  position: fixed;
  width: min(1120px, calc(100vw - 24px));
  max-height: calc(100vh - 24px);
  overflow: auto;
  border-radius: 12px;
  background: #ffffff;
  color: #111111;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
  padding: 14px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.planning-team-popover--week {
  width: min(440px, calc(100vw - 24px));
  gap: 10px;
}

.planning-team-popover__title {
  font-size: 15px;
  font-weight: 800;
}

.planning-team-popover__week-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}

.planning-team-popover__grid {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.planning-team-popover__hint {
  font-size: 12px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.6);
}

.planning-team-popover__days {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  grid-gap: 12px;
  gap: 12px;
  align-items: start;
}

.planning-team-popover__day-block {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  padding: 8px 10px 10px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}

.planning-team-popover__day-title {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.planning-team-popover__field {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  font-size: 12px;
  font-weight: 700;
}

.planning-team-popover__checkbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.planning-team-popover__checkbox-main {
  display: flex;
  align-items: center;
  gap: 8px;
}

.planning-team-popover__responsible {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 800;
}

.planning-team-popover__checkbox.is-checked {
  border-color: var(--gmc-color-accent-orange);
  background: rgba(233, 84, 32, 0.08);
}

.planning-team-popover__checkbox.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.planning-team-popover__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.planning-action-popover-layer {
  position: fixed;
  inset: 0;
  z-index: 1700;
  background: transparent;
}

.planning-action-popover {
  position: fixed;
  width: min(360px, calc(100vw - 24px));
  border: 2px solid var(--gmc-color-accent-orange);
  border-radius: 12px;
  background: #ffffff;
  color: #111111;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
  padding: 14px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.planning-action-popover__title {
  margin: -14px -14px 2px;
  padding: 10px 14px;
  border-bottom: 2px solid var(--gmc-color-accent-orange);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #111111;
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.planning-action-popover__field {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  font-size: 12px;
  font-weight: 700;
}

.planning-action-popover__field > span {
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.planning-action-popover__toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
}

.planning-action-popover__duration-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 8px;
  gap: 8px;
}

.planning-action-popover__search-results {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  max-height: 180px;
  overflow: auto;
  padding: 6px;
  border: 1px solid rgba(17, 17, 17, 0.14);
  border-radius: 8px;
  background: #f8f8f8;
}

.planning-action-popover__search-option {
  border: 1px solid rgba(17, 17, 17, 0.12);
  border-radius: 8px;
  background: #ffffff;
  padding: 6px 8px;
  text-align: left;
  cursor: pointer;
  display: grid;
  grid-gap: 2px;
  gap: 2px;
}

.planning-action-popover__search-affaire {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.planning-action-popover__search-client,
.planning-action-popover__search-empty {
  font-size: 12px;
  color: rgba(17, 17, 17, 0.74);
}

.planning-action-popover .admin-input,
.planning-action-popover .admin-select,
.planning-action-popover .admin-table-input {
  border: 1px solid #2f2f2f;
  border-radius: 6px;
  background: #ffffff;
  color: #111111;
}

.planning-action-popover .admin-input:focus,
.planning-action-popover .admin-select:focus,
.planning-action-popover .admin-table-input:focus {
  border-color: var(--gmc-color-accent-orange);
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 106, 0, 0.18);
}

.planning-action-popover__comment {
  resize: vertical;
  min-height: 72px;
}

.planning-action-popover__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.planning-action-popover__btn--delete {
  background: #b42318;
}

.planning-action-popover__error {
  color: #b42318;
  font-size: 12px;
  font-weight: 700;
}

.planning-card-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 1px 4px;
  background: rgba(0, 0, 0, 0.06);
  color: inherit;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  border: 5px solid transparent;
  cursor: pointer;
}

.planning-card-status-wrap {
  position: relative;
}

.planning-card-status--confirmed {
  background: rgba(57, 255, 20, 0.18);
}

.planning-card-status--draft {
  background: rgba(255, 106, 0, 0.2);
  color: #8f3d00;
}

.planning-card-status--waiting {
  background: rgba(255, 106, 0, 0.18);
}

.planning-card-status--done {
  background: rgba(0, 0, 0, 0.14);
}

.planning-card-status--validated {
  background: #111111;
  color: #ffffff;
}

.planning-card-status-overlay {
  position: fixed;
  inset: 0;
  z-index: 1600;
  background: transparent;
}

.planning-card-status-menu {
  position: fixed;
  width: min(320px, calc(100vw - 32px));
  padding: 10px;
  border: 2px solid #111111;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.planning-card-status-option {
  border: 1px solid rgba(17, 17, 17, 0.14);
  border-radius: 8px;
  background: #ffffff;
  color: #111111;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
}

.planning-card-status-option:hover,
.planning-card-status-option.is-active {
  background: rgba(255, 106, 0, 0.12);
  border-color: var(--gmc-color-accent-orange);
}

.planning-drawer {
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: 12px;
  background: #000000;
  color: #ffffff;
  padding: 16px;
  display: grid;
  grid-gap: 14px;
  gap: 14px;
}

.planning-popup {
  position: fixed;
  z-index: 1300;
  width: min(920px, calc(100vw - 24px));
  max-height: min(1120px, calc(100vh - 24px));
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
}

.planning-popup.planning-popup--compact {
  width: min(920px, calc(100vw - 24px));
  max-height: min(1120px, calc(100vh - 24px));
}

.planning-drawer--inline {
  width: 100%;
  height: 100%;
  max-height: 100%;
  box-shadow: none;
  overflow-y: auto;
}

.planning-drawer--inline.planning-drawer--compact .planning-drawer-header {
  position: relative;
  display: block;
  cursor: default;
  touch-action: auto;
  height: 5dvh;
  min-height: 5dvh;
  padding: 0;
  margin-bottom: 2dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-drawer-header-main {
  position: relative;
  width: 100%;
  height: 100%;
  padding-right: 7dvh;
  box-sizing: border-box;
  text-align: left;
}

.planning-drawer--inline.planning-drawer--compact .planning-drawer-header > .planning-confirm-modal__btn--close {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  outline: 0;
  display: flex;
  align-items: center;
}

.planning-drawer--inline.planning-drawer--compact .planning-drawer-eyebrow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 22%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 88%;
  text-align: center;
  line-height: 1;
  margin: 0;
}

.planning-drawer--inline.planning-drawer--compact .planning-confirm-modal__btn {
  border: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  font-size: 1.5dvh;
  line-height: 1.5dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-drawer-title {
  position: absolute;
  left: 0;
  right: 7dvh;
  bottom: 0;
  height: 1.5dvh;
  line-height: 1;
  text-align: left;
  font-size: 1.5dvh;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  flex-wrap: wrap;
  overflow: hidden;
}

.planning-drawer--inline.planning-drawer--compact .planning-drawer-preplanning {
  position: absolute;
  left: 0;
  right: 7dvh;
  top: 2.2dvh;
  height: 1dvh;
  margin: 0;
  font-size: 1dvh;
  line-height: 1;
}

.planning-drawer--inline.planning-drawer--compact .planning-drawer-section + .planning-drawer-section {
  margin-top: 2dvh;
}

.planning-drawer--inline.planning-drawer--compact .gmc-modal-backdrop {
  position: absolute;
  inset: 0;
  padding: 0;
  box-sizing: border-box;
}

.planning-report-sketch {
  display: grid;
  grid-gap: 0.7dvh;
  gap: 0.7dvh;
}

.planning-report-sketch.is-orientation-blocked {
  position: relative;
}

.planning-report-sketch.is-orientation-blocked > :not(.planning-report-sketch__orientation-guard) {
  visibility: hidden;
}

.planning-report-sketch__cartouche {
  position: absolute;
  right: 1.2dvh;
  bottom: 1.2dvh;
  z-index: 2;
  display: grid;
  grid-gap: 0.45dvh;
  gap: 0.45dvh;
  width: min(36dvh, calc(100% - 2.4dvh));
  padding: 0.9dvh 1dvh;
  border: 1px solid rgba(28, 34, 44, 0.22);
  border-radius: 1.2dvh;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 0.35dvh 1.2dvh rgba(15, 23, 42, 0.12);
  pointer-events: auto;
}

.planning-report-sketch__cartouche-title {
  font-size: 1.35dvh;
  font-weight: 800;
  color: #1f2937;
  overflow-wrap: anywhere;
}

.planning-report-sketch__cartouche-lines {
  display: grid;
  grid-gap: 0.22dvh;
  gap: 0.22dvh;
}

.planning-report-sketch__cartouche-line {
  font-size: 1.22dvh;
  font-weight: 600;
  color: #4b5563;
  overflow-wrap: anywhere;
}

.planning-report-sketch__tools,
.planning-report-sketch__row,
.planning-report-sketch__swatches,
.planning-report-sketch__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45dvh;
}

.planning-report-sketch__toolbar {
  position: relative;
  display: grid;
  grid-gap: 0.65dvh;
  gap: 0.65dvh;
  padding: 0.35dvh 0;
}

.planning-report-sketch__tools {
  align-items: center;
}

.planning-report-sketch__tools-separator {
  flex: 0 0 auto;
  color: rgba(255, 255, 255, 0.56);
  font-size: calc(1.3dvh * var(--planning-report-sketch-ui-scale, 1));
  font-weight: 800;
  line-height: 1;
}

.planning-report-sketch__tools-trailing {
  margin-left: auto;
  min-width: 0;
  display: flex;
  align-items: center;
}

.planning-report-sketch__row {
  align-items: center;
}

.planning-report-sketch__row-label {
  flex: 0 0 auto;
  min-width: calc(5.8dvh * var(--planning-report-sketch-ui-scale, 1));
  font-size: calc(0.82dvh * var(--planning-report-sketch-ui-scale, 1));
  font-weight: 800;
  color: rgba(255, 255, 255, 0.72);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.planning-report-sketch__tool,
.planning-report-sketch__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(3dvh * var(--planning-report-sketch-ui-scale, 1));
  min-width: calc(3dvh * var(--planning-report-sketch-ui-scale, 1));
  height: calc(3dvh * var(--planning-report-sketch-ui-scale, 1));
  min-height: calc(3dvh * var(--planning-report-sketch-ui-scale, 1));
  padding: 0;
  border: 1px solid transparent;
  border-radius: calc(0.45dvh * var(--planning-report-sketch-ui-scale, 1));
  background: transparent;
  color: #ffffff;
  font: inherit;
  font-size: calc(0.75dvh * var(--planning-report-sketch-ui-scale, 1));
  font-weight: 700;
}

.planning-report-sketch__tool {
  opacity: 0.82;
}

.planning-report-sketch__tool.is-active {
  border-color: rgba(255, 122, 0, 0.9);
  opacity: 1;
}

.planning-report-sketch__action {
  color: rgba(255, 255, 255, 0.78);
}

.planning-report-sketch__action:disabled {
  opacity: 0.38;
  cursor: default;
}

.planning-report-sketch__tool svg,
.planning-report-sketch__action svg {
  width: calc(2.5dvh * var(--planning-report-sketch-ui-scale, 1));
  height: calc(2.5dvh * var(--planning-report-sketch-ui-scale, 1));
  flex: 0 0 auto;
}

.planning-report-sketch__swatches {
  align-items: center;
}

.planning-report-sketch__swatches--inline {
  flex: 0 1 auto;
}

.planning-report-sketch__swatch {
  width: calc(2.2dvh * var(--planning-report-sketch-ui-scale, 1));
  min-width: calc(2.2dvh * var(--planning-report-sketch-ui-scale, 1));
  height: calc(2.2dvh * var(--planning-report-sketch-ui-scale, 1));
  min-height: calc(2.2dvh * var(--planning-report-sketch-ui-scale, 1));
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.planning-report-sketch__swatch.is-light {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.22);
}

.planning-report-sketch__swatch.is-active {
  border-color: rgba(255, 122, 0, 0.92);
  transform: scale(1.08);
}

.planning-report-sketch__swatch--gradient {
  background: linear-gradient(135deg, #ff2d55 0%, #ff9f1a 18%, #ffd43b 34%, #18b57d 52%, #00a3ff 70%, #7b2cbf 100%);
  box-shadow: none;
}

.planning-report-sketch__chips {
  align-items: center;
}

.planning-report-sketch__chips-end {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.planning-report-sketch__chip,
.planning-report-sketch__select {
  height: calc(2.4dvh * var(--planning-report-sketch-ui-scale, 1));
  padding: 0 calc(0.75dvh * var(--planning-report-sketch-ui-scale, 1));
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: calc(0.45dvh * var(--planning-report-sketch-ui-scale, 1));
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font: inherit;
  font-size: calc(0.82dvh * var(--planning-report-sketch-ui-scale, 1));
  font-weight: 700;
}

.planning-report-sketch__chip.is-active {
  border-color: rgba(255, 122, 0, 0.92);
  color: #ffffff;
}

.planning-report-sketch__overlay {
  position: absolute;
  top: calc(100% + 0.25dvh);
  left: 0;
  right: 0;
  z-index: 6;
  padding: calc(0.55dvh * var(--planning-report-sketch-ui-scale, 1)) calc(0.7dvh * var(--planning-report-sketch-ui-scale, 1));
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: calc(0.75dvh * var(--planning-report-sketch-ui-scale, 1));
  background: rgba(5, 5, 5, 0.96);
  box-shadow: 0 0.6dvh 1.8dvh rgba(0, 0, 0, 0.28);
}

.planning-report-sketch__overlay .planning-report-sketch__chip,
.planning-report-sketch__overlay .planning-report-sketch__select {
  background: transparent;
}

.planning-report-sketch__display-overlay {
  position: absolute;
  top: calc(100% + 0.25dvh);
  left: 0;
  right: 0;
  z-index: 7;
  display: grid;
  grid-gap: 0.8dvh;
  gap: 0.8dvh;
  padding: 0.8dvh 0.95dvh;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.75dvh;
  background: rgba(5, 5, 5, 0.97);
  box-shadow: 0 0.6dvh 1.8dvh rgba(0, 0, 0, 0.28);
}

.planning-report-sketch__display-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8dvh;
  font-size: 0.9dvh;
  font-weight: 800;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.planning-report-sketch__display-control {
  display: grid;
  grid-gap: 0.42dvh;
  gap: 0.42dvh;
}

.planning-report-sketch__display-control span {
  font-size: 0.82dvh;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.74);
}

.planning-report-sketch__display-control input[type="range"] {
  width: 100%;
  margin: 0;
  accent-color: var(--gmc-color-accent-orange);
}

.planning-report-sketch__hint {
  font-size: 1.2dvh;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.72);
}

.planning-report-sketch__canvas-wrap {
  position: relative;
  width: 100%;
  min-height: 32dvh;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 1.2dvh;
  background: #ffffff;
  overflow: hidden;
}

.planning-report-sketch__canvas {
  display: block;
  width: 100%;
  touch-action: none;
}

.planning-report-sketch__error {
  min-width: 0;
}

.planning-report-sketch__orientation-guard {
  position: absolute;
  inset: 0;
  z-index: 8;
  display: grid;
  place-items: center;
  padding: 2dvh;
  background: rgba(5, 5, 5, 0.96);
}

.planning-report-sketch__orientation-card {
  display: grid;
  grid-gap: 1.2dvh;
  gap: 1.2dvh;
  width: min(100%, 34dvh);
  padding: 2.2dvh 2dvh;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 1.6dvh;
  background: rgba(255, 255, 255, 0.05);
  text-align: center;
}

.planning-report-sketch__orientation-icon {
  font-size: 4.2dvh;
  line-height: 1;
  color: var(--gmc-color-accent-orange);
}

.planning-report-sketch__orientation-title {
  font-size: 2dvh;
  font-weight: 900;
  color: #ffffff;
  text-transform: uppercase;
}

.planning-report-sketch__orientation-text {
  font-size: 1.45dvh;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.76);
}

.planning-drawer-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  cursor: move;
  touch-action: none;
}

.planning-drawer-header > div:first-child {
  flex: 1 1 auto;
  text-align: center;
}

.planning-drawer-header-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
}

.planning-report-backdrop {
  z-index: 1400;
}

.planning-report-modal {
  position: relative;
  width: min(1100px, calc(100vw - 48px));
  max-height: calc(100vh - 48px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  grid-gap: 16px;
  gap: 16px;
  padding: 20px;
  border: 2px solid var(--gmc-color-accent-orange);
  border-radius: 14px;
  background: #050505;
  color: #ffffff;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
  overflow: hidden;
  box-sizing: border-box;
}

.planning-drawer-eyebrow {
  color: var(--gmc-color-accent-orange);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.planning-drawer-title {
  margin-top: 4px;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}

.planning-drawer-preplanning {
  margin-top: 8px;
  color: var(--gmc-color-accent-orange);
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.planning-drawer-presence {
  margin-top: 10px;
  color: #6a3bff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.planning-drawer-form {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  margin-top: 15px;
  justify-items: start;
}

.planning-drawer-form .admin-select-wrap {
  width: min(420px, 100%);
}

.planning-drawer-edit-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  grid-gap: 20px;
  gap: 20px;
  align-items: start;
}

.planning-drawer-edit-column {
  min-width: 0;
}

.planning-drawer-edit-column--planning {
  justify-self: end;
  width: 100%;
  max-width: 340px;
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.18);
}

.planning-drawer-form--main {
  margin-top: 0;
}

.planning-drawer-form--main .admin-select-wrap {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  grid-gap: 8px;
  gap: 8px;
  align-items: start;
}

.planning-drawer-form--main .admin-select-wrap > span {
  font-size: 13px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.96);
  letter-spacing: 0.02em;
  text-align: right;
  line-height: 1.15;
  padding-top: 7px;
}

.planning-drawer-form--planning {
  margin-top: 0;
  justify-items: stretch;
}

.planning-drawer-form--planning .admin-select-wrap {
  display: grid;
  grid-template-columns: 122px minmax(0, 1fr);
  grid-gap: 8px;
  gap: 8px;
  align-items: start;
  width: 100%;
}

.planning-drawer-subcolumn-title {
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 12px;
}

.planning-drawer-planning-flag {
  width: min(420px, 100%);
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 106, 0, 0.32);
  background: rgba(255, 106, 0, 0.08);
}

.planning-drawer-planning-flag--side {
  width: 100%;
}

.planning-drawer-planning-flag__title {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gmc-color-accent-orange);
}

.planning-drawer-planning-flag__choice {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 600;
}

.planning-drawer-field-hint {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
}

.planning-drawer-form--planning .admin-select-wrap > span {
  font-size: 13px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.96);
  letter-spacing: 0.02em;
  text-align: right;
  line-height: 1.15;
  padding-top: 7px;
}

.planning-drawer-form--main .admin-select-wrap > :not(span),
.planning-drawer-form--planning .admin-select-wrap > :not(span) {
  min-width: 0;
}

.planning-drawer-section {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.planning-drawer-section:first-of-type {
  padding-top: 0;
  border-top: 0;
}

.planning-drawer-section-title {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gmc-color-accent-orange);
}

.planning-drawer-subtitle {
  font-size: 12px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.86);
}

.planning-drawer-info {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.72);
}

.planning-drawer-info--error {
  color: #ffb4a0;
}

.planning-drawer-history {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.planning-drawer-history__item {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 9px 10px;
  background: rgba(255, 255, 255, 0.04);
}

.planning-drawer-history__topline {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.94);
}

.planning-drawer-history__meta {
  margin-top: 4px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.58);
}

.planning-drawer-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 10px;
  gap: 10px;
}

.planning-drawer-meta-item {
  min-width: 0;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.planning-drawer-meta-label,
.planning-drawer-order-label {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.56);
}

.planning-drawer-meta-value,
.planning-drawer-order-value {
  margin-top: 4px;
  min-width: 0;
  line-height: 1.35;
  word-break: break-word;
}

.planning-drawer-orders {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  max-height: 42vh;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.planning-drawer-order-card {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
}

.planning-drawer-order-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  border: 0;
  background: rgba(255, 255, 255, 0.04);
  color: #ffffff;
  padding: 11px 12px;
  font-weight: 700;
  cursor: pointer;
}

.planning-drawer-order-body {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding: 12px;
}

.planning-drawer-order-lines {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.planning-drawer-order-line {
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  font-size: 12px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.82);
}

.planning-drawer-order-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 10px;
  gap: 10px;
}

.planning-drawer-order-item {
  min-width: 0;
}

.planning-drawer-order-empty {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.68);
}

.planning-drawer-order-comment {
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.24);
  line-height: 1.4;
  white-space: pre-wrap;
}

.planning-drawer-detail-tabs {
  display: flex;
  gap: 8px;
}

.planning-drawer-detail-tab {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.82);
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.planning-drawer-detail-tab.is-active {
  background: rgba(240, 103, 36, 0.18);
  border-color: rgba(240, 103, 36, 0.52);
  color: #ffffff;
}

.planning-drawer-rechiffrage {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.planning-drawer-rechiffrage__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.planning-drawer-rechiffrage__totals {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.planning-drawer-rechiffrage__total {
  min-width: 88px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.planning-drawer-rechiffrage__total span {
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.56);
}

.planning-drawer-rechiffrage__total strong {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  color: #ffffff;
}

.planning-drawer-rechiffrage__add,
.planning-drawer-rechiffrage__actions button {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  color: #ffffff;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.planning-drawer-rechiffrage__card {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding: 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.planning-drawer-rechiffrage__head,
.planning-drawer-rechiffrage__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.planning-drawer-rechiffrage__order {
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
}

.planning-drawer-rechiffrage__badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.planning-drawer-rechiffrage__badge.is-valid {
  background: rgba(34, 197, 94, 0.18);
  color: #b7f7c7;
}

.planning-drawer-rechiffrage__badge.is-corrected {
  background: rgba(251, 191, 36, 0.2);
  color: #fde68a;
}

.planning-drawer-rechiffrage__badge.is-deleted {
  background: rgba(239, 68, 68, 0.18);
  color: #fecaca;
}

.planning-drawer-rechiffrage__badge.is-added {
  background: rgba(59, 130, 246, 0.18);
  color: #bfdbfe;
}

.planning-drawer-rechiffrage__actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.planning-drawer-rechiffrage__origin,
.planning-drawer-rechiffrage__edit {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.planning-drawer-rechiffrage__label {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.56);
}

.planning-drawer-rechiffrage__text {
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
}

.planning-drawer-rechiffrage__subtext {
  font-size: 12px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.74);
}

.planning-drawer-rechiffrage__added {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.planning-drawer .admin-select,
.planning-drawer .admin-input {
  background: #111111;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.18);
}

.planning-drawer-delete {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  justify-items: start;
}

.planning-drawer-delete__btn,
.planning-drawer-delete__confirm-btn {
  background: var(--gmc-color-danger-bg);
  color: var(--gmc-color-danger-text);
}

.planning-drawer-delete__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

@media (max-width: 1180px) {
  .planning-layout {
    grid-template-columns: 1fr;
  }
}

.planning-drawer-status-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.planning-drawer-status-quick-actions .planning-card-status {
  border-width: 2px;
  padding: 4px 8px;
  font-size: 12px;
}

.planning-drawer-status-quick-actions .planning-card-status.is-active {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.18);
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/gmc/styles/history.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/* === historique === */
.history-page {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.6rem 0.5rem;
  overflow: auto;
  height: 100%;
}

.history-header {
  position: relative;
}

.history-title-spaced {
  width: 100%;
  text-align: center;
}

.history-week {
  font-weight: 600;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.95rem;
  position: absolute;
  right: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}

.history-week .toggle-btn {
  padding: 0.25rem 0.65rem;
  font-size: 0.8rem;
}

.history-select {
  height: 28px;
  padding: 0 0.5rem;
  border-radius: 6px;
  border: 1px solid var(--gmc-color-accent-orange);
  background: #0a0a0a;
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03rem;
}

.history-days {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.history-day {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  width: 100%;
}

.history-day-title {
  background: #000;
  color: #fff;
  border-bottom: 3px solid var(--gmc-color-accent-orange);
  padding: 0.35rem 0.75rem;
  font-weight: 800;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  width: 100%;
  box-sizing: border-box;
}

.history-card {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}

.gmc-unsaved-backdrop {
  position: fixed;
  inset: 0;
  background: var(--gmc-ui-overlay);
  display: grid;
  place-items: center;
  z-index: 1500;
  padding: 20px;
}

.gmc-unsaved-dialog {
  width: min(92vw, 520px);
  background: var(--gmc-ui-surface);
  color: var(--gmc-ui-text);
  border: 1px solid var(--gmc-ui-border);
  border-radius: 10px;
  padding: 14px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.gmc-unsaved-title {
  font-weight: 700;
}

.gmc-unsaved-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/gmc/styles/report.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.planning-drawer--inline.planning-drawer--compact .planning-compact-report-backdrop {
  position: absolute;
  inset: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.72);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  grid-gap: 1.6dvh;
  gap: 1.6dvh;
  padding: 2dvh;
  background: #050505;
  color: #ffffff;
  min-width: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__header,
.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1dvh;
  min-width: 0;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__header {
  align-items: stretch;
  flex-direction: column;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__header > div {
  flex: 1 1 auto;
  min-width: 0;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__header button,
.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__footer button {
  flex: 0 0 auto;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__summary {
  display: flex;
  align-items: center;
  gap: 0.8dvh;
  min-width: 0;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__summary-text {
  min-width: 0;
  flex: 1 1 auto;
  font-size: 1.3dvh;
  font-weight: 800;
  color: var(--gmc-color-accent-orange);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__summary-close {
  min-height: 0;
  height: auto;
  line-height: 1;
  padding: 0;
  flex: 0 0 auto;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__footer .planning-compact-intervention-actions__btn {
  min-height: 2.8dvh;
  padding: 0 1.1dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__footer .planning-compact-report-modal__save-btn {
  width: auto;
  min-width: 0;
  padding: 0 0.9dvh;
  flex: 0 0 auto;
  align-self: flex-end;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__header .planning-compact-intervention-actions__btn {
  align-self: flex-end;
  min-height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #ffffff;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__title {
  font-size: 2.2dvh;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--gmc-color-accent-orange);
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__subtitle {
  margin-top: 0.4dvh;
  font-size: 1.2dvh;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.72);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__header > div > div {
  min-width: 0;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__header > div > div span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__tabs {
  display: flex;
  gap: 0.45dvh;
  margin-top: 0.6dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__tab {
  --planning-compact-report-tab-height: 2.8dvh;
  --planning-compact-report-tab-padding-x: 1.2dvh;
  --planning-compact-report-tab-font-size: 1.1dvh;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  height: var(--planning-compact-report-tab-height);
  min-height: var(--planning-compact-report-tab-height);
  max-height: var(--planning-compact-report-tab-height);
  padding: 0 var(--planning-compact-report-tab-padding-x);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 0.25dvh;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.8);
  font: inherit;
  font-size: var(--planning-compact-report-tab-font-size);
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__tab.is-active {
  border-color: rgba(255, 122, 0, 0.9);
  background: rgba(255, 122, 0, 0.16);
  color: #ffffff;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__body {
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
  display: grid;
  grid-gap: 1.4dvh;
  gap: 1.4dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__check,
.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__field {
  display: grid;
  grid-gap: 0.7dvh;
  gap: 0.7dvh;
  font-size: 1.4dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__check {
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 1dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__field span {
  font-weight: 800;
  color: var(--gmc-color-accent-orange);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__field select,
.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__field textarea,
.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__field input[type="file"] {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 1dvh;
  background: rgba(255, 255, 255, 0.05);
  color: #ffffff;
  padding: 1dvh 1.2dvh;
  font: inherit;
  box-sizing: border-box;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__field textarea {
  resize: vertical;
  min-height: 9dvh;
}

.planning-report-modal .planning-compact-report-modal__header,
.planning-report-modal .planning-compact-report-modal__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}

.planning-report-modal .planning-compact-report-modal__header {
  align-items: stretch;
  flex-direction: column;
}

.planning-report-modal .planning-compact-report-modal__header > div {
  flex: 1 1 auto;
  min-width: 0;
}

.planning-report-modal .planning-compact-report-modal__body {
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}

.planning-report-modal .planning-compact-report-modal__tabs {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/gmc/styles/photos.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__photos {
  font-size: 1.2dvh;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.8);
  word-break: break-word;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-section {
  display: grid;
  grid-gap: 1dvh;
  gap: 1dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-section__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1dvh;
  min-width: 0;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-section__header > span {
  flex: 1 1 12dvh;
  min-width: 0;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-section__actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 1dvh;
  min-width: 0;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-section__action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.7dvh;
  padding: 0 1.2dvh;
  white-space: nowrap;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-section__action-btn svg {
  width: 1.7dvh;
  height: 1.7dvh;
  flex: 0 0 auto;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-section__action-btn span {
  display: inline;
  line-height: 1;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-section__input {
  display: none;
}

.planning-compact-report-camera-backdrop {
  position: absolute;
  inset: 0;
  padding: 2dvh;
  z-index: 1002;
}

.app-blur-popup.planning-compact-report-camera {
  display: grid;
  place-items: center;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.planning-compact-report-camera__dialog {
  width: min(100%, 81dvh);
  max-height: 100%;
  display: grid;
  grid-gap: 1.2dvh;
  gap: 1.2dvh;
}

.planning-compact-report-camera__preview {
  overflow: hidden;
  border-radius: 1.4dvh;
  background: #000000;
}

.planning-compact-report-camera__preview video {
  display: block;
  width: 100%;
  max-height: 84dvh;
  object-fit: cover;
  background: #000000;
}

.planning-compact-report-camera__footer {
  display: grid;
  grid-gap: 1dvh;
  gap: 1dvh;
}

.planning-compact-report-camera__count {
  text-align: center;
  font-size: 2.6dvh;
  font-weight: 800;
  color: var(--gmc-color-accent-orange);
}

.planning-compact-report-camera__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1dvh;
}

.planning-compact-report-camera__capture {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.7dvh;
  width: auto;
  min-width: 0;
  border-color: var(--gmc-color-accent-orange);
}

.planning-compact-report-camera__capture svg {
  width: 1.8dvh;
  height: 1.8dvh;
  flex: 0 0 auto;
}

.planning-compact-report-camera__capture-dock {
  position: fixed;
  right: max(2dvh, env(safe-area-inset-right, 0px));
  bottom: max(2dvh, env(safe-area-inset-bottom, 0px));
  z-index: 3;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
}

.planning-compact-report-camera__capture-dock .planning-compact-report-camera__capture {
  pointer-events: auto;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 0.6dvh;
  gap: 0.6dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 0.8dvh;
  background: rgba(255, 255, 255, 0.06);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card__media {
  position: relative;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card__image,
.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card__placeholder {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  background: rgba(255, 255, 255, 0.08);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card__placeholder {
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.76);
  font-size: 1.2dvh;
  text-align: center;
  padding: 1.2dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card__delete {
  all: unset;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0.12dvh solid rgba(217, 45, 32, 0.95);
  border-radius: 50%;
  background: transparent;
  color: #d92d20;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 0.2dvh 0.5dvh rgba(0, 0, 0, 0.18);
  -webkit-backdrop-filter: blur(0.2dvh);
          backdrop-filter: blur(0.2dvh);
  box-sizing: border-box;
  flex: 0 0 28px;
  align-self: auto;
  justify-self: auto;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card__delete span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transform: none;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card__delete-btn {
  all: unset;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: 1px solid #d92d20;
  border-radius: 50%;
  background: transparent;
  color: #d92d20;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  box-sizing: border-box;
  cursor: pointer;
  flex: 0 0 28px;
  align-self: auto;
  justify-self: auto;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card__success {
  position: absolute;
  right: 0.55dvh;
  bottom: 0.55dvh;
  z-index: 2;
  width: 2.2dvh;
  height: 2.2dvh;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0.12dvh solid rgba(18, 183, 106, 0.95);
  border-radius: 999px;
  background: rgba(12, 15, 24, 0.12);
  color: #12b76a;
  font-size: 1.05dvh;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 0.2dvh 0.5dvh rgba(0, 0, 0, 0.18);
  -webkit-backdrop-filter: blur(0.2dvh);
          backdrop-filter: blur(0.2dvh);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card__success span {
  transform: translateY(-0.02dvh);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card__progress {
  position: absolute;
  right: 0.55dvh;
  bottom: 0.55dvh;
  left: 0.55dvh;
  z-index: 2;
  height: 0.45dvh;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card__progress-bar {
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #12b76a 0%, #1ad67e 100%);
  transition: width 180ms ease;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card__progress--indeterminate .planning-compact-report-photo-card__progress-bar {
  width: 42%;
  animation: planning-compact-report-photo-progress 1.1s ease-in-out infinite;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card__meta {
  display: grid;
  grid-gap: 0.25dvh;
  gap: 0.25dvh;
  padding: 0.5dvh 0.6dvh 0.6dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card__name {
  font-size: 0.95dvh;
  color: #ffffff;
  word-break: break-word;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-card__status {
  font-size: 0.9dvh;
  color: rgba(255, 255, 255, 0.74);
}

@keyframes planning-compact-report-photo-progress {
  0% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(320%);
  }
}

@media (max-width: 520px) {
  .planning-drawer--inline.planning-drawer--compact .planning-compact-report-photo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/gmc/styles/sketch.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.planning-drawer--inline.planning-drawer--compact .planning-compact-report-backdrop.is-sketch-fullscreen {
  position: fixed;
  inset: 0;
  z-index: 1400;
  background: #050505;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal.is-sketch-fullscreen {
  position: fixed;
  inset: 0;
  gap: 0.15dvh;
  padding: max(0.9dvh, env(safe-area-inset-top)) max(0.9dvh, env(safe-area-inset-right)) max(0.9dvh, env(safe-area-inset-bottom)) max(0.9dvh, env(safe-area-inset-left));
  grid-template-rows: auto minmax(0, 1fr);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal.is-sketch-fullscreen .planning-compact-report-modal__header {
  gap: 0;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal.is-sketch-fullscreen .planning-compact-report-modal__header > div > div {
  margin-top: 0.35dvh !important;
  padding: 0.35dvh 0.7dvh !important;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal.is-sketch-fullscreen .planning-compact-report-modal__title {
  font-size: 1.7dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal.is-sketch-fullscreen .planning-compact-report-modal__summary {
  gap: 0.7dvh;
  padding: 0;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal.is-sketch-fullscreen .planning-compact-report-modal__summary-text {
  font-size: calc(1.8dvh * 1.3);
  line-height: 1;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal.is-sketch-fullscreen .planning-compact-report-modal__summary-close {
  min-height: 0;
  height: auto;
  line-height: 1;
  padding: 0;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal.is-sketch-fullscreen .planning-compact-report-modal__tabs {
  margin-top: 0.2dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal__body.is-sketch {
  overflow: hidden;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-report-modal.is-sketch-fullscreen .planning-compact-report-modal__body.is-sketch {
  height: 100%;
  gap: 0.35dvh;
}

.planning-report-sketch--compact-landscape {
  height: 100%;
  min-height: 0;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  grid-template-areas:
    "toolbar"
    "canvas"
    "hint"
    "error";
  row-gap: 0.7dvh;
  align-items: stretch;
}

.planning-report-sketch--compact-landscape .planning-report-sketch__toolbar {
  grid-area: toolbar;
  align-content: start;
  align-self: start;
  min-height: 0;
  overflow: visible;
  padding: 0;
}

.planning-report-sketch__tools-trailing .planning-compact-report-modal__tabs--inline {
  margin-top: 0;
  margin-left: auto;
}

.planning-report-sketch--compact-landscape .planning-report-sketch__hint {
  grid-area: hint;
}

.planning-report-sketch--compact-landscape .planning-report-sketch__canvas-wrap {
  grid-area: canvas;
  height: 100%;
  min-height: 0;
  align-self: stretch;
}

.planning-report-sketch--compact-landscape .planning-report-sketch__error {
  grid-area: error;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.signature-pad {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.signature-pad__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #f4f4f4;
  font-size: 14px;
  font-weight: 700;
}

.signature-pad__head button {
  min-height: 30px;
  padding: 4px 10px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 6px;
  background: transparent;
  color: #f4f4f4;
  cursor: pointer;
}

.signature-pad__head button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.signature-pad__canvas {
  width: 100%;
  height: 190px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 8px;
  background: #ffffff;
  touch-action: none;
  display: block;
}

.order-signature-public {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
}

.order-signature-public__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  grid-gap: 10px;
  gap: 10px;
}

.order-signature-public__grid > div,
.order-signature-public__material {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
}

.order-signature-public__grid span,
.order-signature-public__material span {
  color: #cfcfcf;
  font-size: 12px;
}

.order-signature-public__material {
  grid-template-columns: minmax(0, 1fr) minmax(160px, 240px);
  align-items: stretch;
}

.order-signature-public__material img,
.order-signature-public__photo-placeholder {
  width: 100%;
  min-height: 140px;
  border-radius: 7px;
  background: #f7f7f7;
  color: #333333;
  object-fit: contain;
}

.order-signature-public__photo-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
}

@media (max-width: 640px) {
  .order-signature-public__material {
    grid-template-columns: 1fr;
  }

  .signature-pad__canvas {
    height: 220px;
  }
}

.app-root.compact-root {
  font-size: 16px;
  zoom: 1;
  transform: none;
  text-size-adjust: 100%;
}

/* Smartphone: popup "Chargement des affaires..." -50% */
.app-root.compact-phone .gmc-initial-load-overlay {
  padding: 0.5rem;
}

.app-root.compact-phone .gmc-initial-load-card {
  width: min(80vw, calc(100vw - 1rem));
  width: min(80dvw, calc(100dvw - 1rem));
  border-radius: 12px;
  overflow: hidden;
  padding: 0.5rem 0.55rem;
  gap: 0.275rem;
}

.app-root.compact-phone .gmc-initial-load-title {
  font-size: clamp(1.05rem, 1.25vw, 1.35rem);
}

.app-root.compact-phone .gmc-initial-load-message {
  font-size: clamp(0.95rem, 1.05vw, 1.05rem);
}

.app-root.compact-phone .gmc-initial-load-bar-track {
  height: 6px;
}

.app-root.compact-phone .gmc-initial-load-percent {
  font-size: 0.95rem;
}

.app-root.compact-phone .gmc-inline-load-overlay {
  inset: auto 0.5rem 0.75rem 0.5rem;
}

.app-root.compact-phone .gmc-initial-load-card--inline {
  width: min(24rem, calc(100vw - 1rem));
  width: min(24rem, calc(100dvw - 1rem));
  padding: 0.55rem 0.6rem;
  gap: 0.25rem;
}

.app-root.compact-phone .gmc-initial-load-title--inline {
  font-size: 0.95rem;
}

.header-actions--admin {
  opacity: 0.96;
  justify-content: flex-start;
}

.toggle-btn--admin-gear {
  font-size: inherit;
  padding-top: inherit;
  padding-bottom: inherit;
}

.page-planning .app-main {
  padding-left: 0;
  padding-right: 0;
}

:root {
  --gmc-prod-separator-opacity: 0.18;
  --gmc-prod-vertical-separator-opacity: 0.14;
  --gmc-prod-done-row-bg: #73eb9f;
  --gmc-prod-done-row-text: #062b12;
  --gmc-aprod-tc-marker-bg: rgba(0, 0, 0, 0.22);
  --gmc-aprod-tc-marker-color: #111111;
}


.compact-history-status-chip {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  padding: 1px 6px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}

.gmc-title-1-hr {
  display: flex;
  justify-content: center;
  gap: 2.8rem;
}

.hr-card {
  padding: 1rem;
  color: #111111;
}

.hr-card__title {
  font-weight: 700;
  margin-bottom: 0.6rem;
}

@media (pointer: coarse), (hover: none) {
  .search-input {
    font-size: 16px !important;
    min-height: 44px;
    transition: min-height 0.14s ease, padding 0.14s ease, box-shadow 0.14s ease;
  }

  .compact-search-input {
    font-size: 16px !important;
    min-height: 44px;
    transition: min-height 0.14s ease, padding 0.14s ease, box-shadow 0.14s ease;
  }

  .compact-search-input--popover {
    font-size: 96px !important;
    min-height: 88px !important;
    padding: 10px 7px !important;
    line-height: 1.1 !important;
  }

  .search-input:focus,
  .compact-search-input:focus {
    min-height: 52px;
    padding-top: 12px;
    padding-bottom: 12px;
    box-shadow: 0 0 0 2px rgba(255, 106, 0, 0.35);
  }
}

.context-menu-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: transparent;
}

.context-menu {
  position: absolute;
  background: #111;
  color: #f5f5f5;
  border: 1px solid #444;
  border-radius: 8px;
  min-width: 230px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
  padding: 0.25rem 0;
  font-size: 0.9rem;
}

.context-menu-item {
  width: 100%;
  background: transparent;
  color: inherit;
  border: none;
  text-align: left;
  padding: 0.6rem 0.85rem;
  cursor: pointer;
  font-size: inherit;
}

.context-menu-item:hover {
  background: var(--gmc-color-accent-orange);
  color: #111;
}

/* Compact phone/tablet views (distinct from desktop) */
.app-root.compact-root {
  min-width: 0;
  width: 100%;
  min-height: 100dvh;
  height: 100dvh;
  overflow: hidden;
  touch-action: manipulation;
  --gmc-compact-header-h: 12vh;
  --gmc-compact-header-h: 12dvh;
  --gmc-compact-header-offset: var(--gmc-compact-header-h);
  --gmc-planning-compact-view-toggle-h: calc(var(--gmc-compact-header-h) * 0.25);
  --gmc-safe-left: env(safe-area-inset-left, 0px);
  --gmc-safe-right: env(safe-area-inset-right, 0px);
  --gmc-safe-inline: max(var(--gmc-safe-left), var(--gmc-safe-right));
}

.app-root.compact-phone {
  height: 100dvh;
  overflow: hidden;
  overscroll-behavior-y: auto;
}

.compact-root .app-main {
  display: block;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  box-sizing: border-box;
  height: auto;
  min-height: 0;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  padding: clamp(12px, 2.8vw, 20px);
}

.page-prod.compact-root {
  height: 100dvh;
  min-height: 100dvh;
  overflow: hidden;
}

.page-prod.compact-root .app-main {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.page-planning.compact-root .app-main {
  --gmc-planning-compact-frame-w: 95dvw;
  --gmc-planning-compact-box-gap: 12px;
  --gmc-planning-compact-bottom-gap: 2dvh;
  --gmc-planning-compact-week-selector-h: 2.45dvh;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: calc(100dvh - var(--gmc-compact-header-offset));
  min-height: 0;
  max-height: calc(100dvh - var(--gmc-compact-header-offset));
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.page-planning.compact-root .planning-toolbar {
  flex: 0 0 auto;
}

.compact-header {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  box-sizing: border-box;
  background: var(--gmc-theme-header-bg);
  color: var(--gmc-theme-text-on-header);
  border-bottom: 2px solid var(--gmc-color-accent-orange);
  padding: 12px;
  position: relative;
  z-index: 30;
  height: auto;
  min-height: var(--gmc-compact-header-h);
  max-height: none;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  container-type: size;
  --gmc-compact-header-unit-h: 40cqh;
  --gmc-compact-control-h: 38cqh;
  --gmc-compact-control-radius: 3px;
  --gmc-compact-search-w: 24cqw;
  --gmc-compact-search-h: var(--gmc-compact-control-h);
  --gmc-compact-logout-w: 24cqw;
  --gmc-compact-logout-h: var(--gmc-compact-control-h);
  --gmc-compact-hamburger-w: 12.5cqw;
  --gmc-compact-hamburger-h: var(--gmc-compact-control-h);
  --gmc-compact-logo-h: 30cqh;
  --gmc-compact-login-h: 12.5cqh;
  --gmc-connected-badge-size: 2.2vh;
  --gmc-connected-badge-size: 2.2dvh;
  --gmc-connected-center-y: 11.5vh;
  --gmc-connected-center-y: 11.5dvh;
}

.app-root.compact-root[data-device-os="android"] .compact-header {
  --gmc-compact-control-radius: 5px;
}

.compact-search-input {
  width: 100%;
  min-height: 42px;
  border-radius: 8px;
  border: 1px solid var(--gmc-color-accent-orange);
  background: transparent;
  color: var(--gmc-theme-text-on-header);
  padding: 8px 10px;
  font-size: 16px;
  line-height: 1.2;
}

.compact-mode-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  padding: 4px 8px;
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--gmc-theme-text-on-header);
}

.compact-mode-badge--warn {
  border-color: #ffb020;
  color: #ffdb8a;
}

.compact-mode-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.compact-mode-controls-label {
  font-size: 12px;
  font-weight: 700;
}

.compact-mode-select {
  min-height: 32px;
  border: 1px solid var(--gmc-color-accent-orange);
  background: transparent;
  color: var(--gmc-theme-text-on-header);
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 700;
}

.compact-header-row {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  flex: 0 0 40%;
  min-height: 0 !important;
  height: 100%;
}

.compact-header-row-top {
  grid-template-columns: minmax(0, 1fr) var(--gmc-compact-search-w) auto;
  min-height: 0 !important;
  align-items: center;
  height: 100%;
}

.compact-header-search-wrap {
  min-width: 0;
  width: var(--gmc-compact-search-w);
  max-width: var(--gmc-compact-search-w);
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  position: relative;
  align-self: center;
  height: var(--gmc-compact-search-h);
  max-height: var(--gmc-compact-search-h);
}

.compact-search-fake {
  width: 100%;
  min-height: 0 !important;
  border-radius: var(--gmc-compact-control-radius);
  border: 1px solid var(--gmc-color-accent-orange);
  background: transparent;
  color: var(--gmc-theme-text-on-header);
  padding: 0 8%;
  font-size: calc(var(--gmc-compact-search-h) * 0.48);
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: var(--gmc-compact-search-h);
  max-height: var(--gmc-compact-search-h);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.compact-search-fake.has-value {
  font-weight: 800;
}

.compact-search-popover {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  width: min(92vw, 560px);
  min-width: max(280px, calc(100% * 2));
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: 12px;
  background: #0c0f14;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.45);
  padding: 10px;
  z-index: 120;
}

.compact-search-input--popover {
  min-height: 88px;
  font-size: 96px;
  font-weight: 700;
  line-height: 1.1;
  padding: 10px 7px;
}

.compact-search-popover-actions {
  margin-top: 8px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.compact-search-popover-btn {
  border: 1px solid var(--gmc-color-accent-orange);
  background: #141a23;
  color: #ffffff;
  border-radius: 8px;
  min-height: 38px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 700;
}

.compact-search-popover-btn--close {
  background: var(--gmc-color-accent-orange);
  color: #111111;
}

.compact-history-toolbar {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8px;
  gap: 8px;
  padding: 8px 0;
}

.compact-history-week-btn,
.compact-history-week-select {
  width: 100%;
}

.compact-history-empty {
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  padding: 16px;
}

.compact-header-row-top .compact-logout {
  grid-column: 3;
  justify-self: end;
  align-self: center;
  width: var(--gmc-compact-logout-w);
  min-height: 0 !important;
  height: var(--gmc-compact-logout-h);
  max-height: var(--gmc-compact-logout-h);
}

.compact-header-row-bottom {
  --gmc-compact-line-picker-gap: 1.2dvh;
  --gmc-compact-line-picker-max-w: 44vw;
  --gmc-compact-line-picker-right: calc(var(--gmc-compact-hamburger-w) + var(--gmc-compact-line-picker-gap));
  --gmc-compact-line-picker-reserved-w: calc(var(--gmc-compact-line-picker-max-w) + var(--gmc-compact-line-picker-right));
  grid-template-columns: 1fr auto;
  margin-top: 1.5vh;
  margin-top: 1.5dvh;
  min-height: 0 !important;
  height: 100%;
  position: relative;
  align-items: center;
}

.compact-header-users {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  width: 100%;
  margin-top: 0.45rem;
  padding: 0.45rem 0.55rem;
  border: 1px solid rgba(255, 106, 0, 0.55);
  border-radius: 10px;
  background: rgba(255, 106, 0, 0.08);
  box-sizing: border-box;
  flex: 0 0 20%;
  min-height: 0;
  overflow: hidden;
  min-height: var(--gmc-compact-header-unit-h);
  max-height: var(--gmc-compact-header-unit-h);
}

.compact-header-users--icons {
  position: absolute;
  top: calc(var(--gmc-connected-center-y) - (var(--gmc-connected-badge-size) / 2));
  left: 12px;
  right: 12px;
  justify-content: flex-start;
  margin-top: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  min-height: var(--gmc-connected-badge-size);
  max-height: var(--gmc-connected-badge-size);
  overflow: visible;
  align-content: center;
}

.compact-header-users-label {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #ffffff;
  white-space: nowrap;
}

.compact-header-users-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.18rem;
  align-items: center;
  min-height: var(--gmc-connected-badge-size);
}

.compact-brand-user {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  font-size: var(--gmc-compact-login-h);
  font-weight: 800;
  letter-spacing: 0.03em;
  line-height: 1.3;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  height: var(--gmc-compact-login-h);
  max-height: var(--gmc-compact-login-h);
}

.compact-brand-user-name {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  white-space: normal;
  line-height: 1.05;
  max-width: 8ch;
}

.compact-brand-user-name-line {
  display: block;
}

.compact-brand-device-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  padding: 0.18rem 0.45rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--gmc-theme-text-on-header);
  font-size: 0.48em;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.compact-brand-logo {
  display: block;
  width: auto;
  height: var(--gmc-compact-logo-h);
  max-height: var(--gmc-compact-logo-h);
  object-fit: contain;
  flex: 0 0 auto;
}

.compact-logout {
  border: 1px solid var(--gmc-color-accent-orange);
  background: transparent;
  color: var(--gmc-theme-text-on-header);
  padding: 0 8%;
  font-size: calc(var(--gmc-compact-logout-h) * 0.42);
  font-weight: 700;
  min-height: 0 !important;
  width: var(--gmc-compact-logout-w);
  border-radius: var(--gmc-compact-control-radius);
  height: var(--gmc-compact-logout-h);
  max-height: var(--gmc-compact-logout-h);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.compact-page-name {
  font-size: 18cqh;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.35;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.08rem;
  height: var(--gmc-compact-header-unit-h);
  max-height: var(--gmc-compact-header-unit-h);
  min-width: 0;
  padding-right: var(--gmc-compact-line-picker-reserved-w);
  text-align: left;
}

.compact-page-name-main {
  display: block;
}

.compact-header-line-picker {
  position: absolute;
  top: 50%;
  right: var(--gmc-compact-line-picker-right);
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  width: 100%;
  max-width: 44vw;
  min-width: 0;
  margin-right: 0;
  z-index: 2;
}

.compact-header-line-picker__trigger {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--gmc-compact-header-unit-h) * 0.05);
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--gmc-theme-text-on-header);
}

.compact-header-line-picker__text {
  display: block;
  width: auto;
  max-width: 100%;
  min-width: 0;
  font-size: calc(var(--gmc-compact-header-unit-h) * 0.36);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: right;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.compact-header-line-picker__caret {
  font-size: calc(var(--gmc-compact-header-unit-h) * 0.32);
  line-height: 1;
  color: var(--gmc-theme-text-on-header);
  pointer-events: none;
}

.compact-header-line-picker__menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  display: grid;
  justify-items: end;
  grid-gap: 2px;
  gap: 2px;
  min-width: max-content;
  max-width: min(44vw, 240px);
  padding: 6px 8px;
  background: rgba(0, 0, 0, 0.96);
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32);
  z-index: 30;
}

.compact-header-line-picker__option {
  border: 0;
  width: 100%;
  padding: 2px 0;
  background: transparent;
  color: var(--gmc-theme-text-on-header);
  font-size: calc(var(--gmc-compact-header-unit-h) * 0.36);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: right;
}

.compact-header-line-picker__option.is-active {
  color: var(--gmc-color-accent-orange);
}

.compact-page-detect {
  display: block;
  font-size: 0.38em;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.15;
  opacity: 0.82;
  text-transform: uppercase;
  white-space: normal;
  word-break: break-word;
}

.compact-page-detect-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  color: inherit;
  text-align: inherit;
  cursor: pointer;
}

.compact-debug-modal {
  width: min(92vw, 760px);
  max-width: min(92vw, 760px);
}

.compact-debug-textarea {
  width: 100%;
  min-height: 320px;
  border: 1px solid var(--gmc-ui-input-border);
  background: #ffffff;
  color: #111111;
  font: 13px/1.35 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  padding: 10px;
  resize: vertical;
  box-sizing: border-box;
}

.compact-hamburger {
  border: 1px solid var(--gmc-color-accent-orange);
  background: transparent;
  color: var(--gmc-theme-text-on-header);
  width: var(--gmc-compact-hamburger-w);
  height: var(--gmc-compact-hamburger-h);
  border-radius: var(--gmc-compact-control-radius);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10%;
  padding: 0 12%;
  min-height: 0 !important;
  max-height: var(--gmc-compact-hamburger-h);
  box-sizing: border-box;
}

.compact-hamburger span {
  display: block;
  width: 75%;
  height: 8%;
  background: currentColor;
}

.compact-menu {
  position: absolute;
  top: calc(100% - var(--gmc-connected-badge-size) - 8px);
  right: 12px;
  margin-top: 8px;
  border: 1px solid var(--gmc-theme-card-border);
  background: var(--gmc-theme-card-bg);
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  padding: 6px;
  border-radius: 8px;
  z-index: 121;
  min-width: min(420px, calc(100vw - 24px));
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.36);
}

.compact-menu-backdrop {
  position: fixed;
  inset: 0;
  border: 0;
  padding: 0;
  margin: 0;
  background: rgba(7, 12, 18, 0.26);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 120;
  cursor: pointer;
}

.compact-menu-item {
  border: 1px solid var(--gmc-theme-card-border);
  background: transparent;
  color: var(--gmc-theme-text-primary);
  text-align: left;
  padding: 10px;
  font-size: 64px !important;
  font-weight: 700;
  min-height: 96px;
  width: 100%;
  border-radius: 6px;
}

.compact-menu-item.active {
  background: var(--gmc-color-accent-orange);
  color: #111111;
}

.compact-main {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

/* Desktop search-light history: compact visuals (~50%) with smartphone-like header/liseret */
.compact-main--desktop-search {
  gap: 6px;
}

.compact-main--desktop-search .compact-section-header {
  min-height: 52px;
  padding: 6px;
  font-size: 16px;
}

.compact-main--desktop-search .compact-section-title-spaced {
  font-size: 1.15em;
  letter-spacing: 0.14em;
}

.compact-main--desktop-search .compact-section-meta-left,
.compact-main--desktop-search .compact-section-meta-right {
  font-size: 0.58em;
  letter-spacing: 0.06em;
}

.compact-main--desktop-search .compact-section-list {
  gap: 4px;
  padding: 4px;
}

.compact-main--desktop-search .compact-data-row {
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 0;
}

.compact-main--desktop-search .compact-phone-primary-value,
.compact-main--desktop-search .compact-phone-secondary-right {
  font-size: 0.82em;
}

.compact-main--desktop-search .compact-marker-row {
  min-height: 26px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 0.78em;
}

.compact-section {
  background: var(--gmc-theme-card-bg);
  border: 1px solid var(--gmc-theme-card-border);
  border-radius: 10px;
  overflow: hidden;
}

.compact-users-strip {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
  padding: 0.65rem 0.8rem;
  border: 1px solid var(--gmc-theme-card-border);
  border-radius: 10px;
  background: #000000;
  color: #ffffff;
  box-sizing: border-box;
}

.compact-users-strip-label {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.compact-users-strip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.32rem;
}

.compact-user-badge {
  width: var(--gmc-connected-badge-size);
  height: var(--gmc-connected-badge-size);
  min-width: var(--gmc-connected-badge-size);
  min-height: var(--gmc-connected-badge-size);
  font-size: 0.88vh;
  font-size: 0.88dvh;
  line-height: 1;
  font-weight: 800;
  color: #ffffff;
  border-width: 1px;
}

.dash-page {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.dash-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  padding: 0 2px;
}

.dash-toolbar-main {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}

.dash-toolbar-title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dash-toolbar-subtitle {
  font-size: 12px;
  opacity: 0.78;
  max-width: 760px;
}

.dash-owner-select {
  min-width: 280px;
}

.dash-owner-select small {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  opacity: 0.72;
}

.dash-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  grid-gap: 14px;
  gap: 14px;
  align-items: start;
}

.dash-main-card {
  padding: 14px;
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  border-color: var(--gmc-color-accent-orange);
}

.dash-loading {
  min-height: 220px;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.dash-board-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--gmc-color-accent-orange);
}

.dash-board-title {
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dash-board-meta {
  margin-top: 4px;
  font-size: 12px;
  opacity: 0.74;
}

.dash-board-chip {
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  background: #000000;
  color: #ffffff;
}

.dash-board {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 320px;
  grid-gap: 12px;
  gap: 12px;
  overflow-x: auto;
  align-items: start;
  padding-bottom: 2px;
}

.dash-column {
  min-height: 420px;
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: 12px;
  background: #f6f6f6;
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
}

.dash-column.is-over {
  border-color: var(--gmc-color-accent-orange);
  box-shadow: 0 0 0 2px rgba(255, 106, 0, 0.2);
}

.dash-column-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 2px solid var(--gmc-color-accent-orange);
  background: #000000;
  color: #ffffff;
}

.dash-column-title {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dash-column-count {
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--gmc-color-accent-orange);
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 800;
  color: #111111;
}

.dash-column-body {
  min-height: 260px;
  padding: 10px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  align-content: start;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.88) 0%, rgba(244,244,244,0.96) 100%);
}

.dash-card {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  padding: 12px 12px 12px 40px;
  text-align: left;
}

.dash-card--orange {
  border-left: 4px solid var(--gmc-color-accent-orange);
}

.dash-card--sand {
  border-left: 4px solid #b87f18;
}

.dash-card--green {
  border-left: 4px solid #2ca242;
}

.dash-card--slate {
  border-left: 4px solid #49525f;
}

.dash-card-handle {
  position: absolute;
  top: 12px;
  left: 10px;
  width: 20px;
  height: 26px;
  border: 0;
  background: transparent;
  padding: 0;
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  align-content: center;
  cursor: -webkit-grab;
  cursor: grab;
}

.dash-card-handle span {
  width: 14px;
  height: 2px;
  background: rgba(0, 0, 0, 0.28);
  border-radius: 999px;
}

.dash-card-body {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.dash-card-title {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.dash-card-description {
  font-size: 12px;
  line-height: 1.45;
  color: rgba(17, 17, 17, 0.78);
}

.dash-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.dash-card-tag {
  border-radius: 999px;
  background: rgba(255, 106, 0, 0.12);
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.dash-assistant-card {
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: 12px;
  background: #000000;
  color: #ffffff;
  padding: 16px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}

.dash-assistant-eyebrow {
  color: var(--gmc-color-accent-orange);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.dash-assistant-title {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
}

.dash-assistant-copy,
.dash-assistant-context {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.82);
}

.dash-assistant-list-title {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dash-assistant-list {
  margin: 0;
  padding-left: 18px;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 1180px) {
  .dash-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .dash-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .dash-owner-select {
    min-width: 0;
  }

  .dash-board {
    grid-auto-columns: minmax(280px, 86vw);
  }
}

.compact-root .planning-week .toggle-btn {
  height: 2.5vh;
  height: 2.5dvh;
  min-height: 2.5vh;
  min-height: 2.5dvh;
  min-width: 2.5rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.compact-root .planning-week span {
  font-size: 2vh;
  font-size: 2dvh;
  line-height: 2vh;
  line-height: 2dvh;
  display: inline-flex;
  align-items: center;
}

.planning-compact-week-selector-row {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.45dvh;
  min-height: 2.45dvh;
  max-height: 2.45dvh;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.planning-compact-week-selector {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.38dvh;
  height: 2.1dvh;
  min-height: 2.1dvh;
  max-height: 2.1dvh;
  margin: 0;
  padding: 0;
  font-size: 2.1dvh;
  font-weight: 800;
  line-height: 1;
  box-sizing: border-box;
  white-space: nowrap;
}

.compact-root .planning-compact-week-selector .toggle-btn,
.planning-compact-week-selector__button {
  margin-left: 0;
  margin-right: 0;
  min-width: 2.85dvh;
  width: 2.85dvh;
  height: 2.1dvh;
  min-height: 2.1dvh;
  max-height: 2.1dvh;
  padding: 0;
  border: 0.14dvh solid var(--gmc-color-accent-orange);
  border-radius: 0.38dvh;
  background: transparent;
  font: inherit;
  font-size: 1.5dvh;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 2.85dvh;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
}

.compact-root .planning-compact-week-selector .toggle-btn:hover,
.compact-root .planning-compact-week-selector .toggle-btn:focus-visible,
.compact-root .planning-compact-week-selector .toggle-btn:active,
.compact-root .planning-compact-week-selector .toggle-btn.active,
.planning-compact-week-selector__button:hover,
.planning-compact-week-selector__button:focus-visible,
.planning-compact-week-selector__button:active,
.planning-compact-week-selector__button.active {
  background: transparent;
  color: #fff;
  border-color: var(--gmc-color-accent-orange);
}

.planning-compact-week-selector__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.1dvh;
  min-height: 2.1dvh;
  max-height: 2.1dvh;
  margin: 0;
  padding: 0 0.32dvh;
  font-size: 1.82dvh;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  color: #111;
  box-sizing: border-box;
}

.planning-compact-week-selector__label--header {
  color: #fff;
}

.compact-root .planning-layout {
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  padding: 0;
  overflow: hidden;
}

.compact-root .planning-page {
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
}

.compact-root .planning-main-card {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: center;
  width: var(--gmc-planning-compact-frame-w);
  min-width: var(--gmc-planning-compact-frame-w);
  max-width: var(--gmc-planning-compact-frame-w);
  height: calc(100dvh - var(--gmc-compact-header-offset) - var(--gmc-planning-compact-box-gap) - var(--gmc-planning-compact-bottom-gap));
  min-height: calc(100dvh - var(--gmc-compact-header-offset) - var(--gmc-planning-compact-box-gap) - var(--gmc-planning-compact-bottom-gap));
  max-height: calc(100dvh - var(--gmc-compact-header-offset) - var(--gmc-planning-compact-box-gap) - var(--gmc-planning-compact-bottom-gap));
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.compact-root .planning-main-card.gmc-card-1 {
  padding: 0;
}

.compact-root .planning-main-card.planning-main-card--technician-day,
.compact-root .planning-main-card.planning-main-card--compact-week {
  container-type: inline-size;
  border: 0.9dvw solid #000000;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

.compact-root .planning-main-card.planning-main-card--compact-week {
  overflow: hidden;
}

.compact-root .planning-main-card.planning-main-card--detail-active {
  border-color: var(--gmc-color-accent-orange);
  box-shadow: inset 0 0 0 1px var(--gmc-color-accent-orange);
}

.compact-root .planning-main-card__body {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.compact-root .planning-main-card.planning-main-card--compact-week > .planning-main-card__body {
  overflow: hidden;
}

.compact-root .planning-main-card.planning-main-card--compact-week .planning-week-grid-scroll {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 97%;
  height: 97%;
  min-height: 0;
  max-height: 100%;
  min-width: 0;
  margin: 1% auto 0;
  border-radius: 8px;
  overflow-x: auto;
  overflow-y: auto;
}

.compact-root .planning-tech-card .planning-card-topline--header {
  min-height: 3.5vh !important;
  min-height: 3.5dvh !important;
  margin: 0 0 2px 0 !important;
  gap: 1px !important;
  align-items: center !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

.compact-root .planning-tech-card .planning-card-tag {
  font-size: 20px !important;
  line-height: 1 !important;
}

.compact-root .planning-tech-card .planning-card-affaire {
  font-size: 2vh !important;
  font-size: 2dvh !important;
  line-height: 1 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 3px !important;
  border-radius: 4px !important;
}

.compact-root .planning-tech-card {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-content: start !important;
  justify-items: stretch !important;
}

.compact-root .planning-tech-card .planning-card-tags {
  gap: 1px !important;
  min-height: 0 !important;
  line-height: 1 !important;
}

.compact-root .planning-tech-card .planning-card-tag--type {
  min-height: 0 !important;
  padding: 0 !important;
}

.compact-root .planning-tech-card .planning-card-type-marker {
  min-width: 2vh !important;
  min-width: 2dvh !important;
  height: 2vh !important;
  height: 2dvh !important;
  font-size: 9px !important;
  line-height: 1 !important;
}

.compact-root .planning-tech-card .planning-card-type-marker--validated {
  min-width: 2vh !important;
  min-width: 2dvh !important;
  height: 2vh !important;
  height: 2dvh !important;
  padding: 0 1px !important;
}

.compact-root .planning-tech-card .planning-card-status {
  font-size: 9.4px !important;
  line-height: 1 !important;
  padding: 0 !important;
  border: 0 !important;
  min-height: 0 !important;
}

.compact-root .planning-grid {
  width: max-content;
  min-width: 100%;
}

.compact-root .planning-grid {
  --gmc-planning-subgroup-col-w: 2.5vh;
  --gmc-planning-subgroup-col-w: 2.5dvh;
  --gmc-planning-resource-col-w: 2.5vh;
  --gmc-planning-resource-col-w: 2.5dvh;
  --gmc-planning-day-col-w: calc((100vw - var(--gmc-planning-subgroup-col-w) - var(--gmc-planning-resource-col-w)) / 2);
  --gmc-planning-day-col-w: calc((100dvw - var(--gmc-planning-subgroup-col-w) - var(--gmc-planning-resource-col-w)) / 2);
  --planning-day-min-width: var(--gmc-planning-day-col-w);
  --gmc-planning-compact-line-h: 6dvh;
  --gmc-planning-compact-card-h: 4.2vh;
  --gmc-planning-compact-card-h: 4.2dvh;
  grid-template-columns:
    var(--gmc-planning-subgroup-col-w)
    var(--gmc-planning-resource-col-w)
    repeat(var(--planning-day-columns), minmax(var(--gmc-planning-day-col-w), var(--gmc-planning-day-col-w)));
  padding-bottom: max(12px, env(safe-area-inset-bottom, 0px) + 12px);
  box-sizing: border-box;
}

.compact-root .planning-grid-head--resource {
  position: -webkit-sticky;
  position: sticky;
  left: var(--gmc-planning-subgroup-col-w);
  z-index: 15;
  background: #000000;
  overflow: hidden;
  box-sizing: border-box;
}

.compact-root .planning-grid-head--subgroup {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 16;
  background: #000000;
  overflow: hidden;
  box-sizing: border-box;
}

.compact-root .planning-resource-cell {
  position: -webkit-sticky;
  position: sticky;
  left: var(--gmc-planning-subgroup-col-w);
  position: sticky;
  isolation: isolate;
  contain: paint;
  padding: 0.3vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: clip;
  border-right: 0;
  min-height: var(--gmc-planning-compact-line-h);
  box-sizing: border-box;
  z-index: 4;
}

.compact-root .planning-resource-name {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  font-size: 1.55vh;
  font-size: 1.55dvh;
  line-height: 1;
  overflow: hidden;
  text-align: center;
  gap: 0.2vh;
}

.compact-root .planning-resource-name-main {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  transform: translate(-50%, -50%) rotate(-90deg);
  transform-origin: center;
  text-align: center;
  width: auto;
  max-width: none;
  overflow-wrap: normal;
  padding: 0;
  white-space: nowrap;
  word-break: normal;
}

.compact-root .planning-resource-name .planning-count-badge,
.compact-root .planning-resource-registration,
.compact-root .planning-resource-kind {
  display: none;
}

.compact-root .planning-subgroup-cell {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  isolation: isolate;
  contain: paint;
  min-height: var(--gmc-planning-compact-line-h);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: clip;
  box-sizing: border-box;
  z-index: 5;
  padding: 0.3vh;
}

.compact-root .planning-subgroup-cell span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  transform: translate(-50%, -50%) rotate(-90deg);
  transform-origin: center;
  white-space: nowrap;
  width: calc(var(--gmc-planning-compact-line-h) * 0.9);
  max-width: calc(var(--gmc-planning-compact-line-h) * 0.9);
  font-size: 1.55vh;
  font-size: 1.55dvh;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 0;
  word-break: normal;
}

.compact-root .planning-grid {
  --planning-row-min-height: var(--gmc-planning-compact-line-h);
}

.compact-root .planning-card {
  border-radius: 4px;
  padding: 0.2vh 0.25vh;
  box-shadow: none;
}

.compact-root .planning-card--compact {
  padding: 0.16vh 0.22vh;
  min-height: var(--gmc-planning-compact-card-h);
  max-height: none;
  overflow: visible;
}

.compact-root .planning-grid-cell__cards {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.35vh;
  overflow: visible;
  min-height: 0;
}

.compact-root .planning-grid-cell__cards .planning-card {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  min-height: var(--gmc-planning-compact-card-h);
  max-height: none;
  max-width: none;
  transform: none;
  transform-origin: center center;
  display: grid;
  align-content: stretch;
  justify-items: center;
}

.compact-root .planning-card-compact-shell {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: stretch;
  width: 100%;
  height: auto;
  min-height: 100%;
  grid-column-gap: 0.25vh;
  column-gap: 0.25vh;
}

.compact-root .planning-card-compact-time-rail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.15vh;
  min-width: 1.15vh;
  overflow: visible;
}

.compact-root .planning-card-compact-time-rail > span {
  display: block;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  transform-origin: center;
  white-space: nowrap;
  font-size: 1.05vh;
  font-size: 1.05dvh;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.compact-root .planning-card-compact-main {
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  align-content: stretch;
  justify-items: stretch;
}

.compact-root .planning-card-compact-header-stack {
  display: grid;
  justify-items: end;
  grid-gap: 0.08vh;
  gap: 0.08vh;
  min-width: 0;
  text-align: right;
}

.compact-root .planning-card-topline {
  gap: 0.18vh;
  font-size: 1.44vh;
  font-size: 1.44dvh;
}

.compact-root .planning-card-topline--header,
.compact-root .planning-card-topline--client,
.compact-root .planning-card-time-row {
  margin-bottom: 0;
  margin-top: 0;
}

.compact-root .planning-card-tag,
.compact-root .planning-card-affaire,
.compact-root .planning-card-client,
.compact-root .planning-card-amount,
.compact-root .planning-card-address,
.compact-root .planning-card-time,
.compact-root .planning-card-note,
.compact-root .planning-card-compact-type,
.compact-root .planning-card-compact-location {
  font-size: 1.5vh;
  font-size: 1.5dvh;
  line-height: 1.8vh;
  line-height: 1.8dvh;
}

.compact-root .planning-card-affaire {
  min-height: 0;
  padding: 0.1vh 0.22vh;
  border-radius: 0.35vh;
}

.compact-root .planning-card-om-badge,
.compact-root .planning-card-split-badge {
  min-width: 0.8vh;
  padding: 0.06vh 0.16vh;
  font-size: 0.42vh;
  font-size: 0.42dvh;
  line-height: 0.5vh;
  line-height: 0.5dvh;
}

.compact-root .planning-card-note {
  margin-top: 0.12vh;
  padding-top: 0.12vh;
}

.compact-root .planning-card-client--compact {
  display: grid;
  justify-items: center;
  grid-gap: 0.08vh;
  gap: 0.08vh;
  text-align: center;
  max-height: 3.6vh;
  max-height: 3.6dvh;
  overflow: hidden;
  overflow-wrap: anywhere;
  align-content: center;
}

.compact-root .planning-card-compact-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.25vh;
  min-width: 0;
}

.compact-root .planning-card-compact-type--bottom {
  margin-top: 0;
  color: #111111;
  text-align: left;
}

.compact-root .planning-card-compact-location {
  margin-left: auto;
  text-align: right;
}

.compact-root .planning-card-client--compact.planning-card-client--compact-shrink {
  font-size: 1.22vh;
  font-size: 1.22dvh;
  line-height: 1.4vh;
  line-height: 1.4dvh;
  max-height: 2.8vh;
  max-height: 2.8dvh;
}

.compact-root .planning-group-row {
  left: 0;
  z-index: 17;
  justify-self: start;
  padding: 0 calc(var(--gmc-planning-group-line-h) * 0.18);
  width: calc(
    var(--gmc-planning-subgroup-col-w) +
    var(--gmc-planning-resource-col-w) +
    (2 * var(--gmc-planning-day-col-w))
  );
  min-width: calc(
    var(--gmc-planning-subgroup-col-w) +
    var(--gmc-planning-resource-col-w) +
    (2 * var(--gmc-planning-day-col-w))
  );
  max-width: calc(
    var(--gmc-planning-subgroup-col-w) +
    var(--gmc-planning-resource-col-w) +
    (2 * var(--gmc-planning-day-col-w))
  );
  overflow: hidden;
}

.compact-root .planning-group-row__header {
  position: relative;
  min-height: var(--gmc-planning-group-line-h);
  height: var(--gmc-planning-group-line-h);
  width: 100%;
  padding: 0;
  background: transparent;
  border-top: 0;
  border-bottom: 0;
  box-sizing: border-box;
}

.compact-root .planning-group-row__title-wrap {
  display: none;
  width: calc(var(--gmc-planning-subgroup-col-w) + var(--gmc-planning-resource-col-w));
  min-width: 0;
  justify-content: center;
  padding-right: 0;
  background: transparent;
}

.compact-root .planning-group-row__actions {
  display: none;
}

.compact-root .planning-group-row__compact-overlay {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 19;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: none;
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: 100%;
  padding:
    0
    calc(var(--gmc-planning-group-line-h) * 0.18)
    0
    calc(
      var(--gmc-planning-subgroup-col-w) + var(--gmc-planning-resource-col-w) +
      (var(--gmc-planning-group-line-h) * 0.18)
    );
  box-sizing: border-box;
  background: #111111;
  color: #ffffff;
  font-size: calc(var(--gmc-planning-group-line-h) * 0.9);
  line-height: var(--gmc-planning-group-line-h);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
}

.compact-root .planning-grid-cell {
  overflow: clip;
}

.planning-card-compact-type {
  margin-top: 3px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(17, 17, 17, 0.62);
}

.planning-card-compact-location {
  margin-top: 2px;
  font-size: 10px;
  font-weight: 700;
  color: rgba(17, 17, 17, 0.72);
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.planning-drawer--inline.planning-drawer--compact {
  border-radius: calc(var(--planning-popup-compact-unit) * 2.4);
  gap: 0;
  grid-template-rows: auto 1fr;
  align-content: start;
}

.planning-drawer--compact {
  --planning-popup-compact-unit: 0.5vh;
  --planning-popup-compact-unit: 0.5dvh;
  padding: calc(var(--planning-popup-compact-unit) * 3);
  gap: calc(var(--planning-popup-compact-unit) * 2.5);
}

.planning-drawer--compact .planning-drawer-header {
  gap: calc(var(--planning-popup-compact-unit) * 2);
}

.planning-drawer--compact .planning-drawer-header-actions {
  gap: calc(var(--planning-popup-compact-unit) * 1.5);
}

.planning-drawer--compact .planning-drawer-eyebrow {
  font-size: calc(var(--planning-popup-compact-unit) * 1.1);
}

.planning-drawer--compact .planning-drawer-title {
  margin-top: calc(var(--planning-popup-compact-unit) * 0.8);
  font-size: calc(var(--planning-popup-compact-unit) * 3.6);
}

.planning-drawer--compact .planning-drawer-preplanning {
  margin-top: calc(var(--planning-popup-compact-unit) * 1.2);
  font-size: calc(var(--planning-popup-compact-unit) * 2.2);
}

.planning-drawer--compact .planning-drawer-presence {
  margin-top: calc(var(--planning-popup-compact-unit) * 1.2);
  font-size: calc(var(--planning-popup-compact-unit) * 1.2);
}

.planning-drawer--compact .planning-drawer-section {
  gap: calc(var(--planning-popup-compact-unit) * 1.8);
  padding-top: calc(var(--planning-popup-compact-unit) * 1.8);
}

.planning-drawer--compact .planning-drawer-section-title {
  font-size: calc(var(--planning-popup-compact-unit) * 1.3);
}

.planning-drawer--compact .planning-drawer-info {
  font-size: calc(var(--planning-popup-compact-unit) * 1.2);
}

.planning-drawer--compact .planning-drawer-meta-grid {
  gap: calc(var(--planning-popup-compact-unit) * 1.5);
}

.planning-drawer--compact .planning-drawer-meta-item {
  padding: calc(var(--planning-popup-compact-unit) * 1.8) calc(var(--planning-popup-compact-unit) * 2.1);
  border-radius: calc(var(--planning-popup-compact-unit) * 1.8);
}

.planning-drawer--compact .planning-drawer-meta-label,
.planning-drawer--compact .planning-drawer-order-label {
  font-size: calc(var(--planning-popup-compact-unit) * 1.05);
}

.planning-drawer--compact .planning-drawer-meta-value,
.planning-drawer--compact .planning-drawer-order-value {
  margin-top: calc(var(--planning-popup-compact-unit) * 0.8);
  font-size: calc(var(--planning-popup-compact-unit) * 1.25);
  line-height: 1.25;
}

.planning-drawer--compact .planning-drawer-status-quick-actions {
  gap: calc(var(--planning-popup-compact-unit) * 1.2);
}

.planning-drawer--compact .planning-drawer-status-quick-actions .planning-card-status {
  border-radius: calc(var(--planning-popup-compact-unit) * 1.6);
  padding: calc(var(--planning-popup-compact-unit) * 0.4) calc(var(--planning-popup-compact-unit) * 1.1);
  font-size: calc(var(--planning-popup-compact-unit) * 1.2);
  border-width: calc(var(--planning-popup-compact-unit) * 0.45);
}

.planning-drawer--compact .planning-confirm-modal__btn {
  border-radius: calc(var(--planning-popup-compact-unit) * 0.8);
  padding: calc(var(--planning-popup-compact-unit) * 0.9) calc(var(--planning-popup-compact-unit) * 1.6);
  font-size: calc(var(--planning-popup-compact-unit) * 1.2);
}

.planning-drawer--inline.planning-drawer--compact .planning-drawer-section {
  gap: calc(var(--planning-popup-compact-unit) * 1.8);
  padding-top: 0dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-intervention-sheet {
  display: grid;
  grid-template-rows: 2dvh minmax(0, 1fr);
  grid-gap: calc(var(--planning-popup-compact-unit) * 1.8);
  gap: calc(var(--planning-popup-compact-unit) * 1.8);
  height: 23dvh;
  min-height: 23dvh;
  max-height: 23dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-intervention-sheet__title {
  height: 2dvh;
  min-height: 2dvh;
  max-height: 2dvh;
  font-size: calc(var(--planning-popup-compact-unit) * 2.6);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
  color: var(--gmc-color-accent-orange);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-intervention-sheet__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(3, minmax(0, 1fr));
  grid-gap: calc(var(--planning-popup-compact-unit) * 1.2);
  gap: calc(var(--planning-popup-compact-unit) * 1.2);
  height: 100%;
  min-height: 0;
  align-content: start;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-intervention-sheet__field {
  padding: calc(var(--planning-popup-compact-unit) * 1.6) calc(var(--planning-popup-compact-unit) * 2.5);
  height: 100%;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(var(--planning-popup-compact-unit) * 0.8);
  background: transparent;
  border: 0;
}

.planning-drawer--inline.planning-drawer--compact .planning-drawer-info {
  font-size: calc(var(--planning-popup-compact-unit) * 1.2);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-intervention-sheet__label,
.planning-drawer--inline.planning-drawer--compact .planning-drawer-meta-label,
.planning-drawer--inline.planning-drawer--compact .planning-drawer-order-label {
  font-size: calc(var(--planning-popup-compact-unit) * 2.1);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-intervention-sheet__value,
.planning-drawer--inline.planning-drawer--compact .planning-drawer-meta-value,
.planning-drawer--inline.planning-drawer--compact .planning-drawer-order-value {
  margin-top: 0;
  font-size: calc(var(--planning-popup-compact-unit) * 1.25);
  line-height: 1.25;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-intervention-sheet__action {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--gmc-color-accent-orange);
  text-align: left;
  cursor: pointer;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-contact-modal {
  width: 100%;
  max-width: min(100vw - 2rem, 32rem);
  max-height: 100%;
  overflow: hidden;
  font-size: 2.3rem;
  box-sizing: border-box;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-contact-modal .gmc-modal-title {
  font-size: 1.45rem;
  line-height: 1.25;
  color: var(--gmc-theme-text-primary);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-contact-modal .gmc-modal-close {
  font-size: 3.24rem;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-contact-modal__body {
  gap: calc(var(--planning-popup-compact-unit) * 2);
  max-height: calc(100% - 4.5rem);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-contact-modal__row {
  display: grid;
  grid-gap: calc(var(--planning-popup-compact-unit) * 0.7);
  gap: calc(var(--planning-popup-compact-unit) * 0.7);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-contact-modal__label {
  font-size: calc(var(--planning-popup-compact-unit) * 2.61);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--gmc-color-accent-orange);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-contact-modal__value {
  font-size: calc(var(--planning-popup-compact-unit) * 3.51);
  line-height: 1.35;
  word-break: break-word;
  color: var(--gmc-theme-text-primary);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-contact-modal__value.planning-card-link {
  color: var(--gmc-theme-text-primary);
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-intervention-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.72fr);
  grid-gap: 1dvh;
  gap: 1dvh;
  margin-top: auto;
  padding-top: 1.2dvh;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-intervention-actions__btn {
  min-height: 4.6dvh;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 1.2dvh;
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
  font-size: 1.45dvh;
  font-weight: 800;
  cursor: pointer;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-intervention-actions__btn:disabled {
  opacity: 0.65;
  cursor: default;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-intervention-actions__btn--primary {
  border-color: var(--gmc-color-accent-orange);
  background: var(--gmc-color-accent-orange);
  color: #111111;
}

.planning-drawer--inline.planning-drawer--compact .planning-compact-intervention-actions__btn--primary.is-done {
  background: #1f8f52;
  border-color: #1f8f52;
  color: #ffffff;
}

/* DEBUG overlay vue compacte */
.app-root.compact-root[data-debug-overlay-vue-compact="1"] [data-debug-overlay="1"] {
  position: relative;
  outline: 1px dashed var(--debug-overlay-color, rgba(90, 200, 250, 0.85));
  outline-offset: -1px;
  box-shadow: inset 0 0 0 1px var(--debug-overlay-color, rgba(90, 200, 250, 0.85));
}

.app-root.compact-root[data-debug-overlay-vue-compact="1"] [data-debug-overlay-type="card"] {
  --debug-overlay-color: rgba(255, 122, 0, 0.95);
}

.app-root.compact-root[data-debug-overlay-vue-compact="1"] [data-debug-overlay-type="body"] {
  --debug-overlay-color: rgba(90, 200, 250, 0.95);
}

.app-root.compact-root[data-debug-overlay-vue-compact="1"] [data-debug-overlay-type="drawer"] {
  --debug-overlay-color: rgba(120, 255, 160, 0.95);
}

.app-root.compact-root[data-debug-overlay-vue-compact="1"] [data-debug-overlay-type="header"] {
  --debug-overlay-color: rgba(255, 96, 175, 0.95);
}

.app-root.compact-root[data-debug-overlay-vue-compact="1"] [data-debug-overlay-type="wrapper"] {
  --debug-overlay-color: rgba(255, 215, 0, 0.95);
}

.app-root.compact-root[data-debug-overlay-vue-compact="1"] [data-debug-overlay-type="section"] {
  --debug-overlay-color: rgba(0, 214, 143, 0.95);
}

.app-root.compact-root[data-debug-overlay-vue-compact="1"] [data-debug-overlay-type="actions"] {
  --debug-overlay-color: rgba(170, 130, 255, 0.95);
}

.app-root.compact-root[data-debug-overlay-vue-compact="1"] [data-debug-overlay="1"]::after {
  content: attr(data-debug-overlay-label) " • " attr(data-debug-overlay-definition);
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
  padding: 0.15dvh 0.45dvh;
  font-size: 0.9dvh;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1;
  pointer-events: none;
  z-index: 9999;
  white-space: nowrap;
  background: var(--debug-overlay-color, rgba(90, 200, 250, 0.9));
  color: #111111;
  border-radius: 0.35dvh;
}

.app-root.compact-root[data-debug-overlay-vue-compact="1"] [data-debug-overlay-definition=""]::after {
  content: attr(data-debug-overlay-label) " • " attr(data-debug-overlay-size);
}

.gmc-date-picker-input {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  width: 100%;
}

.gmc-date-picker-trigger {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  background: #111111;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.gmc-date-picker-trigger:hover {
  border-color: var(--gmc-color-accent-orange);
  color: var(--gmc-color-accent-orange);
}

@media (max-width: 760px) {
  .planning-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .planning-grid {
    --planning-day-min-width: 160px;
    grid-template-columns: 48px 160px repeat(var(--planning-day-columns), minmax(var(--planning-day-min-width), 1fr));
  }

  .compact-root .planning-grid {
    --planning-day-min-width: var(--gmc-planning-day-col-w);
    grid-template-columns:
      var(--gmc-planning-subgroup-col-w)
      var(--gmc-planning-resource-col-w)
      repeat(var(--planning-day-columns), minmax(var(--gmc-planning-day-col-w), var(--gmc-planning-day-col-w)));
  }

  .planning-popup {
    left: 12px !important;
    right: 12px;
    top: auto !important;
    bottom: 12px;
    width: auto;
    max-height: min(92vh, 1120px);
  }

  .planning-popup.planning-popup--compact {
    left: 12px !important;
    right: 12px;
    width: auto;
    max-height: min(92vh, 1120px);
  }

  .planning-drawer-meta-grid,
  .planning-drawer-order-grid {
    grid-template-columns: 1fr;
  }

  .planning-drawer-edit-layout {
    grid-template-columns: 1fr;
  }

  .planning-drawer-edit-column--planning {
    justify-self: stretch;
    max-width: none;
    padding-left: 0;
    padding-top: 14px;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
  }

  .planning-tech-nav {
    justify-content: space-between;
  }

  .planning-tech-nav-btn {
    flex: 1 1;
  }
}

.compact-section-header,
.compact-page-header {
  --gmc-aggrid-title-line-h: 3vh;
  --gmc-aggrid-title-line-h: 3dvh;
  --gmc-aggrid-inline-pad: calc(var(--gmc-aggrid-title-line-h) * 0.75);
  --gmc-aggrid-stack-gap: calc(var(--gmc-aggrid-title-line-h) * 0.6);
  --gmc-aggrid-accent-h: calc(var(--gmc-aggrid-title-line-h) * 0.09);
  --gmc-aggrid-radius: calc(var(--gmc-aggrid-title-line-h) * 0.5);
  width: 100%;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000000;
  color: #ffffff;
  padding: 0 var(--gmc-aggrid-inline-pad);
  min-height: var(--gmc-aggrid-title-line-h);
  height: var(--gmc-aggrid-title-line-h);
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-align: center;
  position: relative;
  box-shadow: inset 0 calc(var(--gmc-aggrid-accent-h) * -1) 0 var(--gmc-color-accent-orange);
  overflow: hidden;
}

.compact-page-header {
  box-sizing: border-box;
}

.compact-page-header--with-users {
  display: grid;
  justify-items: center;
  grid-gap: calc(var(--gmc-aggrid-title-line-h) * 0.2);
  gap: calc(var(--gmc-aggrid-title-line-h) * 0.2);
  padding-top: calc(var(--gmc-aggrid-title-line-h) * 0.12);
  padding-bottom: calc(var(--gmc-aggrid-title-line-h) * 0.12);
  height: auto;
  min-height: var(--gmc-aggrid-title-line-h);
}

.compact-header-users--page {
  position: static;
  left: auto;
  right: auto;
  top: auto;
  display: flex;
  margin-top: 0;
  margin-bottom: 6px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  flex: 0 0 auto;
  justify-content: flex-start;
  width: 100%;
  min-height: var(--gmc-connected-badge-size);
  max-height: none;
  overflow: visible;
  align-content: center;
  z-index: 1;
}

.compact-header-users--page .compact-header-users-list {
  justify-content: flex-start;
  width: 100%;
}

.compact-section-meta {
  font-size: 0.82em;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0.01em;
  text-align: right;
}

.compact-section-title-spaced {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-align: center;
  font-size: calc(var(--gmc-aggrid-title-line-h) * 0.729);
  line-height: var(--gmc-aggrid-title-line-h);
  width: auto;
  max-width: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.compact-section-meta-left,
.compact-section-meta-right {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  font-size: calc(var(--gmc-aggrid-title-line-h) * 0.345);
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
}

.compact-section-meta-left {
  left: var(--gmc-aggrid-inline-pad);
  text-align: left;
}

.compact-section-meta-right {
  right: var(--gmc-aggrid-inline-pad);
  text-align: right;
}

.compact-section-list {
  display: grid;
  grid-gap: var(--gmc-aggrid-stack-gap);
  gap: var(--gmc-aggrid-stack-gap);
  padding: var(--gmc-aggrid-stack-gap);
  background: var(--gmc-theme-card-border);
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
  box-sizing: border-box;
}

.compact-marker-row {
  background: #000000;
  color: #ffffff;
  padding: 0.4vh 0.6vh;
  padding: 0.4dvh 0.6dvh;
  min-height: 0;
  font-size: 1.6vh;
  font-size: 1.6dvh;
  font-weight: 800;
  text-transform: uppercase;
  display: grid;
  align-items: center;
  border-radius: var(--gmc-aggrid-radius);
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
  box-sizing: border-box;
}

.compact-data-row {
  --gmc-aggrid-card-h: 6vh;
  --gmc-aggrid-card-h: 6dvh;
  --gmc-aggrid-card-pad-block: calc(var(--gmc-aggrid-card-h) * 0.06);
  --gmc-aggrid-card-pad-inline: calc(var(--gmc-aggrid-card-h) * 0.09);
  --gmc-aggrid-card-gap: calc(var(--gmc-aggrid-card-h) * 0.06);
  --gmc-aggrid-card-label-col: calc(var(--gmc-aggrid-card-h) * 0.9);
  --gmc-aggrid-card-cell-gap: calc(var(--gmc-aggrid-card-h) * 0.05);
  --gmc-aggrid-card-text-line-h: calc(var(--gmc-aggrid-card-h) * 0.25);
  --gmc-aggrid-card-label-size: var(--gmc-aggrid-card-text-line-h);
  --gmc-aggrid-card-value-size: var(--gmc-aggrid-card-text-line-h);
  background: var(--gmc-theme-panel-bg);
  color: var(--gmc-theme-text-primary);
  padding: var(--gmc-aggrid-card-pad-block) var(--gmc-aggrid-card-pad-inline);
  min-height: var(--gmc-aggrid-card-h);
  height: var(--gmc-aggrid-card-h);
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--gmc-aggrid-card-gap);
  gap: var(--gmc-aggrid-card-gap);
  border-radius: var(--gmc-aggrid-radius);
  border: 1px solid var(--gmc-theme-card-border);
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
  box-sizing: border-box;
  align-content: center;
}

.compact-tablet .compact-data-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.compact-data-row.compact-data-row--mobile {
  min-height: 6dvh;
  height: auto;
}

.compact-data-cell {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(var(--gmc-aggrid-card-label-col), auto) 1fr;
  align-items: center;
  grid-gap: var(--gmc-aggrid-card-cell-gap);
  gap: var(--gmc-aggrid-card-cell-gap);
  min-height: calc(var(--gmc-aggrid-card-text-line-h) * 2);
}

.compact-data-cell--full {
  grid-column: 1 / -1;
}

.compact-cell-label {
  font-size: var(--gmc-aggrid-card-label-size);
  font-weight: 800;
  text-transform: uppercase;
  opacity: 0.75;
  line-height: var(--gmc-aggrid-card-text-line-h);
}

.compact-cell-value {
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
  font-size: var(--gmc-aggrid-card-value-size);
  line-height: var(--gmc-aggrid-card-text-line-h);
  min-height: calc(var(--gmc-aggrid-card-text-line-h) * 2);
  display: flex;
  align-items: center;
}

.compact-detail-backdrop {
  position: fixed;
  inset: 0;
  background: var(--gmc-ui-overlay);
  z-index: 60;
  padding: 10px;
  display: grid;
  align-items: start;
}

.compact-detail-modal {
  background: var(--gmc-ui-modal-bg);
  border: 2px solid var(--gmc-ui-modal-border);
  border-radius: 10px;
  max-height: calc(100dvh - 20px);
  overflow: auto;
  padding: 12px;
}

.compact-detail-title {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 36px;
  line-height: 1.3;
}

.compact-close-btn,
.compact-save-btn {
  border: 1px solid var(--gmc-ui-input-border);
  background: var(--gmc-ui-btn-neutral-bg);
  color: var(--gmc-ui-text);
  font-size: 32px;
  font-weight: 700;
  padding: 12px;
  min-height: 96px;
  width: 100%;
  border-radius: 8px;
}

.compact-detail-grid {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.compact-detail-item {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--gmc-ui-border);
  border-radius: 8px;
  background: var(--gmc-ui-surface-soft);
}

.compact-detail-label {
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
}

.compact-detail-value {
  font-size: 32px;
  line-height: 1.3;
  min-height: 88px;
  display: grid;
  align-items: center;
}

.compact-detail-lock-note {
  margin-top: 8px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--gmc-ui-danger-text);
}

.compact-detail-edit-wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 8px;
  gap: 8px;
  align-items: stretch;
}

.compact-detail-input {
  width: 100%;
  border: 1px solid var(--gmc-ui-input-border);
  background: var(--gmc-ui-input-bg);
  color: var(--gmc-ui-text);
  font-size: 32px;
  padding: 12px;
  min-height: 96px;
  border-radius: 8px;
}

.compact-phone {
  touch-action: pan-y;
}

.compact-phone,
.compact-phone button:not(.extranet-nav-menu__trigger):not(.extranet-nav__item):not(.extranet-submenu__item):not(.planning-tech-header__toggle):not(.planning-tech-header__refresh):not(.planning-compact-week-selector__button):not(.planning-compact-report-photo-card__delete):not(.planning-compact-report-photo-card__delete-btn):not(.planning-compact-report-modal__save-btn):not(.planning-compact-report-modal__tab),
.compact-phone input,
.compact-phone select,
.compact-phone textarea {
  font-size: 16px;
}

.compact-phone button:not(.extranet-nav-menu__trigger):not(.extranet-nav__item):not(.extranet-submenu__item):not(.compact-section-header):not(.planning-tech-header__toggle):not(.planning-tech-header__refresh):not(.planning-compact-week-selector__button):not(.planning-compact-report-photo-card__delete):not(.planning-compact-report-photo-card__delete-btn):not(.planning-compact-report-modal__save-btn):not(.planning-compact-report-modal__tab):not(.planning-report-sketch__tool):not(.planning-report-sketch__action):not(.planning-report-sketch__swatch):not(.planning-report-sketch__chip),
.compact-phone select,
.compact-phone textarea,
.compact-phone input:not([type="checkbox"]):not([type="radio"]):not(.quote-compact-zoom__range) {
  min-height: 52px;
}

.compact-phone .planning-compact-report-modal__tab {
  --planning-compact-report-tab-height: 52px;
  --planning-compact-report-tab-padding-x: 12px;
  --planning-compact-report-tab-font-size: 16px;
}

.compact-phone .planning-compact-report-modal__save-btn {
  font-size: 1.45dvh;
  min-height: 2.8dvh;
}

.compact-root .planning-grid-head--compact-toggle {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 16;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  font: inherit;
  color: #ffffff;
  background: #000000;
  border: 0;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  margin: 0;
  min-width: 0;
  min-height: var(--planning-grid-head-height);
  height: var(--planning-grid-head-height);
  max-height: var(--planning-grid-head-height);
  display: grid;
  grid-template-columns: var(--gmc-planning-subgroup-col-w) minmax(0, 1fr);
  align-items: center;
  align-self: stretch;
  padding: 0;
  border-left: 0;
  border-bottom-width: 0;
  border-radius: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.compact-root .planning-grid-head--compact-toggle-mode {
  grid-column: 1 / -1;
  justify-self: center;
  display: inline-block;
  transform: rotate(-90deg);
  transform-origin: center;
  white-space: nowrap;
  font-size: 0.75em;
  line-height: 1;
}

.compact-root .planning-grid-head--compact-toggle-week {
  justify-self: center;
  line-height: 1;
}

.compact-phone button.planning-grid-head--compact-toggle {
  min-height: 0;
}

.compact-detail-textarea {
  resize: vertical;
  min-height: 120px;
}

.compact-detail-error {
  margin-top: 10px;
  color: var(--gmc-ui-danger-text);
  font-size: 16px;
  font-weight: 700;
}

/* Texte tactile: +10% de hauteur de ligne */
.app-root.compact-root .compact-page-name,
.app-root.compact-root .compact-detail-title,
.app-root.compact-root .compact-detail-value {
  line-height: 1.43 !important;
}

/* Separation explicite smartphone vs tablette */
.app-root.compact-phone .compact-header {
  width: 100%;
  margin-inline: 0;
}

.app-root.compact-phone .compact-header-row-top {
  grid-template-columns: minmax(0, 1fr) var(--gmc-compact-search-w) var(--gmc-compact-logout-w);
  align-items: center;
  justify-items: stretch;
  text-align: left;
}

.app-root.compact-phone .compact-header-search-wrap {
  width: var(--gmc-compact-search-w);
  max-width: var(--gmc-compact-search-w);
}

.app-root.compact-phone .compact-header-row-top .compact-logout {
  justify-self: end;
  align-self: center;
  width: var(--gmc-compact-logout-w);
  min-width: 0;
  max-width: var(--gmc-compact-logout-w);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-root.compact-phone .compact-header-row-bottom {
  --gmc-compact-line-picker-max-w: 36vw;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  justify-content: stretch;
  align-items: center;
  grid-gap: 14px;
  gap: 14px;
}

.app-root.compact-phone .compact-page-name {
  text-align: left;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-root.compact-phone .compact-header-line-picker {
  max-width: 36vw;
}

.app-root.compact-tablet .compact-header {
  width: 100%;
  margin-inline: 0;
}

.app-root.compact-phone .compact-phone-primary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.app-root.compact-root .compact-phone-primary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin-top: 2px;
}

.app-root.compact-phone .compact-phone-primary-value {
  min-width: 0;
  flex: 1 1 auto;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.app-root.compact-root .compact-phone-primary-value {
  min-width: 0;
  flex: 1 1 auto;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: calc(var(--gmc-aggrid-card-h) * 0.28);
  line-height: var(--gmc-aggrid-card-text-line-h);
}

.app-root.compact-phone .compact-phone-status {
  flex: 0 0 auto;
  border-radius: 999px;
  border: 1px solid var(--gmc-theme-card-border);
  padding: 2px 8px;
  font-weight: 800;
  text-transform: uppercase;
  white-space: nowrap;
}

.app-root.compact-root .compact-phone-status {
  flex: 0 0 auto;
  border-radius: 999px;
  border: 1px solid var(--gmc-theme-card-border);
  padding: 2px 8px;
  font-weight: 800;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: clamp(17px, 4.3vw, 21px);
  line-height: 1.05;
}

.app-root.compact-phone .compact-phone-status.status-en-cours {
  background: #ff8a00;
  border-color: #ff8a00;
  color: #111111;
}

.app-root.compact-root .compact-phone-status.status-en-cours {
  background: #ff8a00;
  border-color: #ff8a00;
  color: #111111;
}

.app-root.compact-phone .compact-phone-status.status-fait {
  background: #16a34a;
  border-color: #16a34a;
  color: #ffffff;
}

.app-root.compact-root .compact-phone-status.status-fait {
  background: #16a34a;
  border-color: #16a34a;
  color: #ffffff;
}

.app-root.compact-phone .compact-phone-secondary {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.app-root.compact-root .compact-phone-secondary {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  margin-bottom: 2px;
}

.app-root.compact-root .compact-phone-secondary-left {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}

.app-root.compact-root .compact-phone-secondary-date {
  flex: 0 0 auto;
  font-size: var(--gmc-aggrid-card-value-size);
  line-height: var(--gmc-aggrid-card-text-line-h);
}

.app-root.compact-root .compact-phone-secondary-sep {
  flex: 0 0 auto;
  opacity: 0.65;
  font-size: var(--gmc-aggrid-card-value-size);
  line-height: var(--gmc-aggrid-card-text-line-h);
}

.app-root.compact-root .compact-phone-secondary-right {
  margin-left: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  font-size: var(--gmc-aggrid-card-value-size);
  line-height: var(--gmc-aggrid-card-text-line-h);
}

.app-root.compact-root .compact-data-cell--client .compact-cell-value,
.app-root.compact-root .compact-data-cell--mat .compact-cell-value {
  font-weight: 800;
}

.app-root.compact-tablet .compact-data-cell--client .compact-cell-value,
.app-root.compact-tablet .compact-data-cell--mat .compact-cell-value {
  font-size: calc(var(--gmc-aggrid-card-h) * 0.28);
}

.app-root.compact-root .compact-data-cell--client .compact-cell-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.app-root.compact-root .compact-data-cell--status.status-en-cours {
  background: #ff8a00;
  border-color: #ff8a00;
}

.app-root.compact-root .compact-data-cell--status.status-en-cours .compact-cell-value,
.app-root.compact-root .compact-data-cell--status.status-en-cours .compact-cell-label {
  color: #111111;
  font-weight: 800;
}

.app-root.compact-root .compact-data-cell--status.status-fait {
  background: #16a34a;
  border-color: #16a34a;
}

.app-root.compact-root .compact-data-cell--status.status-fait .compact-cell-value,
.app-root.compact-root .compact-data-cell--status.status-fait .compact-cell-label {
  color: #ffffff;
  font-weight: 800;
}

@media (max-width: 699px) {

  .app-root.page-prod.compact-root.compact-phone .compact-main > .compact-section .compact-section-list {
    max-height: 50dvh;
    overflow-y: auto;
  }

  .compact-root .app-main,
  .compact-main,
  .compact-users-strip,
  .compact-section,
  .compact-data-row,
  .compact-detail-modal {
    width: 100%;
    max-width: 100%;
  }

  .compact-root .app-main {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding: 12px;
    padding-left: max(10px, calc(var(--gmc-safe-inline) + 8px));
    padding-right: max(10px, calc(var(--gmc-safe-inline) + 8px));
  }

  .app-root.compact-phone .app-main {
    overflow-x: hidden;
    overflow-y: auto;
    min-height: calc(100dvh - var(--gmc-compact-header-offset, var(--gmc-header-h, 64px)));
  }

  .page-prod.compact-root .app-main {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .compact-header {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding: 12px;
    padding-left: max(10px, calc(var(--gmc-safe-inline) + 8px));
    padding-right: max(10px, calc(var(--gmc-safe-inline) + 8px));
  }

  .compact-header-row-top {
    min-height: 75px;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .app-root.compact-phone .compact-header-row-top {
    grid-template-columns: minmax(0, 1fr) var(--gmc-compact-search-w) var(--gmc-compact-logout-w);
    align-items: center;
  }

  .app-root.compact-phone .compact-header-search-wrap {
    width: clamp(120px, 34vw, 220px);
  }

  .compact-header-row-top .compact-logout {
    grid-column: auto;
    min-height: 36px;
  }

  .compact-header-row-top .compact-hamburger {
    min-height: 36px;
    height: 39px;
  }

  .compact-logout,
  .compact-hamburger,
  .compact-menu-item,
  .compact-close-btn,
  .compact-save-btn,
  .compact-detail-input {
    min-height: 52px;
  }

  .compact-hamburger {
    width: 104px;
    height: 56px;
    flex: 0 0 auto;
  }

  .compact-menu-item {
    min-height: 120px;
    padding: 16px;
  }

  .compact-menu {
    right: 8px;
    min-width: min(360px, calc(100vw - 16px));
  }

  .compact-detail-backdrop {
    padding: 8px;
  }

  .compact-detail-modal {
    padding: 12px;
    max-height: calc(100dvh - 16px);
  }

  .compact-detail-title {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    font-size: clamp(18px, 5vw, 24px);
  }

  .compact-detail-label {
    font-size: clamp(14px, 3.8vw, 16px);
  }

  .compact-detail-edit-wrap {
    grid-template-columns: 1fr;
  }
}

.app-root.compact-phone[data-responsive-layout="compact"] .compact-header {
  overflow: visible;
}

.app-root.compact-phone[data-responsive-layout="compact"] .compact-menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  margin-top: 0;
  z-index: 121;
}

.app-root.compact-phone[data-responsive-layout="compact"] .compact-search-popover {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  top: 8px !important;
  transform: translateX(-50%) !important;
  width: calc((100vw - 16px) * 0.7) !important;
  max-width: calc((100vw - 16px) * 0.7) !important;
  min-width: 0 !important;
  box-sizing: border-box;
  padding: calc(10px * 0.7 * 0.8 * 0.8) !important;
  border-radius: calc(12px * 0.7) !important;
  overflow: hidden !important;
}

.app-root.compact-phone[data-responsive-layout="compact"] .compact-search-input--popover {
  min-height: calc(88px * 0.7 * 0.8 * 0.8) !important;
  font-size: calc(96px * 0.7 * 0.5) !important;
  padding-top: calc(10px * 0.7 * 0.8 * 0.8) !important;
  padding-bottom: calc(10px * 0.7 * 0.8 * 0.8) !important;
  padding-left: calc(7px * 0.7) !important;
  padding-right: calc(7px * 0.7) !important;
}

.app-root.compact-phone[data-responsive-layout="compact"] .compact-search-popover .compact-search-input {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid var(--gmc-color-accent-orange) !important;
  background: transparent !important;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.app-root.compact-phone[data-responsive-layout="compact"] .compact-menu-item {
  min-height: calc(120px * 0.7 * 0.7) !important;
  padding-top: calc(16px * 0.7 * 0.7) !important;
  padding-bottom: calc(16px * 0.7 * 0.7) !important;
  padding-left: calc(12px * 0.7) !important;
  padding-right: calc(12px * 0.7) !important;
  font-size: 120% !important;
}

/* Smartphone compact: menu hamburger (Production/Historique/...) x2 */
.app-root.compact-phone[data-responsive-layout="compact"] .compact-menu-item {
  font-size: 120% !important;
}

/* Smartphone: popup detail (double-clic affaire) textes x1.6 */
.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-title,
.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-label,
.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-value,
.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-input,
.app-root.compact-phone[data-responsive-layout="compact"] .compact-close-btn,
.app-root.compact-phone[data-responsive-layout="compact"] .compact-save-btn,
.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-error {
  font-size: 96% !important;
}

/* Smartphone: titre detail (Nom + Affaire) en gras */
.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-title {
  font-weight: 800 !important;
}

/* Smartphone: popup detail full-screen pour eviter le chevauchement */
.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-backdrop {
  padding: 12px !important;
  padding-left: max(10px, calc(var(--gmc-safe-inline) + 8px)) !important;
  padding-right: max(10px, calc(var(--gmc-safe-inline) + 8px)) !important;
  overflow-x: hidden !important;
}

.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-modal {
  width: 100% !important;
  max-width: none !important;
  max-height: calc(100dvh - 24px) !important;
  border-radius: 10px !important;
  padding: calc(6px * 0.6) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

/* Smartphone: meme hauteur entre valeurs enregistrees et champs editables */
.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-value,
.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-input:not(.compact-detail-textarea) {
  min-height: 44px !important;
  height: 44px !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-edit-wrap {
  grid-template-columns: 1fr !important;
}

.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-item,
.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-edit-wrap,
.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-input,
.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-value {
  min-width: 0 !important;
}

.app-root.compact-phone[data-responsive-layout="compact"] .compact-detail-input {
  width: 100% !important;
}

/* Smartphone compact only: keep strip full-width and avoid right-shifted inner content */
.app-root.compact-phone[data-responsive-layout="compact"] .compact-users-strip,
.app-root.compact-phone[data-responsive-layout="compact"] .compact-header-users {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  box-sizing: border-box !important;
}

.app-root.compact-phone[data-responsive-layout="compact"] .compact-phone-secondary {
  white-space: normal !important;
  flex-wrap: wrap;
  width: 100%;
}

.app-root.compact-phone[data-responsive-layout="compact"] .compact-phone-secondary-left {
  min-width: 0;
  flex-wrap: wrap;
}

@media (min-width: 700px) and (max-width: 1399px) {

  .compact-root .app-main {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding: clamp(10px, 1.8vmin, 18px);
  }

  .compact-header {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding: clamp(10px, 1.6vmin, 16px) clamp(12px, 1.9vmin, 18px);
  }

  .compact-header-row-top {
    grid-template-columns: minmax(0, 1fr) minmax(180px, 34vw) auto;
    align-items: center;
  }

  .compact-header-row-top .compact-logout {
    grid-column: auto;
    width: auto;
    min-width: 180px;
    min-height: clamp(34px, 4.76vmin, 63px);
  }

  /* Tablette: meme hauteur visuelle que le bouton Recherche */
  .app-root.compact-tablet[data-responsive-layout="large"] .compact-header-row-top .compact-logout {
    min-height: 42px;
    height: 42px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .compact-header-row-top .compact-hamburger {
    min-height: clamp(34px, 4.76vmin, 63px);
    height: clamp(34px, 4.76vmin, 63px);
  }

  .compact-menu-item {
    font-size: clamp(48px, 6vmin, 80px) !important;
  }

  .compact-menu {
    gap: clamp(6px, 0.9vmin, 10px);
    padding: clamp(6px, 0.9vmin, 10px);
  }

  .compact-menu-item {
    min-height: clamp(96px, 12vmin, 160px);
    padding: clamp(16px, 2.2vmin, 24px);
  }

  .compact-logout,
  .compact-hamburger,
  .compact-close-btn,
  .compact-save-btn,
  .compact-detail-input {
    min-height: clamp(48px, 6.8vmin, 90px);
  }

  .compact-logout,
  .compact-close-btn,
  .compact-save-btn,
  .compact-detail-input {
    font-size: clamp(16px, 2.3vmin, 23px);
    padding: clamp(10px, 1.4vmin, 14px);
  }

  .compact-hamburger {
    height: clamp(48px, 6.8vmin, 90px);
    width: clamp(88px, 10.4vmin, 124px);
    gap: clamp(4px, 0.6vmin, 6px);
  }

  .compact-hamburger span {
    width: clamp(16px, 2.3vmin, 24px);
    height: clamp(2px, 0.35vmin, 3px);
  }

  .compact-marker-row {
    font-size: clamp(16px, 2.4vmin, 24px);
    padding: clamp(10px, 1.4vmin, 14px);
  }

  .compact-marker-row {
    min-height: clamp(48px, 6.8vmin, 90px);
  }

  .compact-detail-modal {
    max-width: 860px;
    margin: 0 auto;
    padding: clamp(10px, 1.4vmin, 14px);
  }

  .compact-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(8px, 1.2vmin, 12px);
  }

  .compact-detail-title {
    flex-direction: row;
    align-items: center;
    font-size: clamp(20px, 2.9vmin, 34px);
    gap: clamp(8px, 1.2vmin, 12px);
    margin-bottom: clamp(8px, 1.2vmin, 12px);
  }

  .compact-close-btn,
  .compact-save-btn {
    width: auto;
    min-width: clamp(88px, 11vmin, 128px);
  }

  .compact-detail-edit-wrap {
    grid-template-columns: 1fr auto;
    gap: clamp(6px, 0.9vmin, 10px);
  }

  .compact-detail-item {
    gap: clamp(5px, 0.8vmin, 8px);
    padding: clamp(6px, 0.9vmin, 10px);
  }

  .compact-detail-label {
    font-size: clamp(13px, 1.8vmin, 19px);
  }

  .compact-detail-value {
    font-size: clamp(16px, 2.3vmin, 23px);
    min-height: clamp(42px, 5.8vmin, 82px);
  }

  .compact-detail-textarea {
    min-height: clamp(100px, 14vmin, 190px);
  }

  .compact-detail-error {
    font-size: clamp(14px, 2vmin, 20px);
    margin-top: clamp(6px, 0.9vmin, 10px);
  }
}

/* Header compact: neutralise legacy phone/tablet overrides so relative sizes remain authoritative */
.app-root.compact-root .compact-header .compact-page-name {
  line-height: 1.3 !important;
}

.app-root.compact-root .compact-header .compact-header-row-top {
  min-height: 0 !important;
  grid-template-columns: minmax(0, 1fr) var(--gmc-compact-search-w) var(--gmc-compact-logout-w) !important;
  align-items: center !important;
}

.app-root.compact-root .compact-header .compact-header-row-top.compact-header-row-top--with-debug {
  grid-template-columns: minmax(0, 1fr) calc(var(--gmc-compact-logout-w) * 0.5) var(--gmc-compact-search-w) var(--gmc-compact-logout-w) !important;
}

.app-root.compact-root .compact-header .compact-header-search-wrap {
  width: var(--gmc-compact-search-w) !important;
  max-width: var(--gmc-compact-search-w) !important;
  min-height: 0 !important;
  height: var(--gmc-compact-search-h) !important;
  max-height: var(--gmc-compact-search-h) !important;
}

.app-root.compact-root .compact-header .compact-search-fake {
  min-height: 0 !important;
  height: var(--gmc-compact-search-h) !important;
  max-height: var(--gmc-compact-search-h) !important;
  font-size: calc(var(--gmc-compact-search-h) * 0.48) !important;
  line-height: 1 !important;
}

.app-root.compact-root .compact-header .compact-debug-overlay-toggle {
  width: calc(var(--gmc-compact-logout-w) * 0.5) !important;
  max-width: calc(var(--gmc-compact-logout-w) * 0.5) !important;
  min-height: 0 !important;
  height: calc(var(--gmc-compact-logout-h) * 0.5) !important;
  max-height: calc(var(--gmc-compact-logout-h) * 0.5) !important;
  justify-self: center;
  align-self: center;
  padding: 0 4% !important;
  border: 0.18dvh solid rgba(255, 255, 255, 0.44);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
  font-size: calc(var(--gmc-compact-logout-h) * 0.17) !important;
  line-height: 1 !important;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.app-root.compact-root .compact-header .compact-debug-overlay-toggle.is-active {
  border-color: var(--gmc-color-accent-orange);
  background: rgba(255, 106, 0, 0.18);
  color: #ffffff;
}

.app-root.compact-root .compact-header .compact-header-row-top .compact-logout,
.app-root.compact-root .compact-header .compact-logout {
  width: var(--gmc-compact-logout-w) !important;
  max-width: var(--gmc-compact-logout-w) !important;
  min-height: 0 !important;
  height: var(--gmc-compact-logout-h) !important;
  max-height: var(--gmc-compact-logout-h) !important;
  font-size: calc(var(--gmc-compact-logout-h) * 0.42) !important;
  line-height: 1 !important;
  padding: 0 8% !important;
}

.app-root.compact-root .compact-header .compact-header-row-top .compact-hamburger,
.app-root.compact-root .compact-header .compact-hamburger {
  width: var(--gmc-compact-hamburger-w) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: var(--gmc-compact-hamburger-h) !important;
  max-height: var(--gmc-compact-hamburger-h) !important;
  gap: 10% !important;
  padding: 0 12% !important;
}

.app-root.compact-root .compact-header .compact-hamburger span {
  width: 75% !important;
  height: 8% !important;
}

/* Tablette physique: reduit globalement les tailles de 15% */
@media (min-device-width: 700px) and (max-device-width: 1399px) {
  .app-root.compact-root[data-responsive-layout="large"] .compact-header,
  .app-root.compact-root[data-responsive-layout="large"] .compact-main,
  .app-root.compact-root[data-responsive-layout="large"] .compact-detail-backdrop {
    transform: scale(0.85);
    transform-origin: top left;
    width: calc(100% / 0.85);
  }

  /* Tablette: popup detail +15% de largeur */
  .app-root.compact-tablet[data-responsive-layout="large"] .compact-detail-modal {
    width: min(93vw, 1260px) !important;
    max-width: min(93vw, 1260px) !important;
  }

  .app-root.compact-tablet[data-responsive-layout="large"] .compact-detail-edit-wrap {
    grid-template-columns: 1fr !important;
  }

  .app-root.compact-tablet[data-responsive-layout="large"] .compact-detail-edit-wrap .compact-save-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Lignes TOTAL/séparateurs de jour en vue compacte */
.app-root.compact-root .compact-marker-row--day-total,
.app-root.compact-root .compact-marker-row--day-separator {
  min-height: 3dvh !important;
  height: 3dvh !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.app-root.compact-root .compact-marker-row--day-separator {
  background: #000000 !important;
  color: #ffffff !important;
  border-bottom: calc(var(--gmc-aggrid-accent-h)) solid var(--gmc-color-accent-orange) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: var(--gmc-aggrid-stack-gap) !important;
}

.app-root.compact-root .compact-marker-row--tc {
  background: #000000 !important;
  color: #ffffff !important;
  border-bottom: calc(var(--gmc-aggrid-accent-h)) solid var(--gmc-color-accent-orange) !important;
  font-weight: 900 !important;
  text-align: center !important;
  justify-content: center !important;
}

.app-root.compact-root .compact-marker-row--day-total {
  display: flex;
  justify-content: space-between;
  gap: var(--gmc-aggrid-stack-gap);
}

/* Detail (double-clic): reduction globale x0.5 */
.app-root.compact-root .compact-detail-backdrop {
  inset: var(--gmc-compact-header-offset, 0px) 0 0 0 !important;
  padding: 4px !important;
}

.app-root.compact-root .compact-detail-modal {
  padding: 6px !important;
  border-radius: 6px !important;
  max-height: calc(100dvh - var(--gmc-compact-header-offset, 0px) - 8px) !important;
  width: min(81vw, 1095px) !important;
  max-width: min(81vw, 1095px) !important;
}

.app-root.compact-root .compact-detail-title {
  font-size: 2.25em !important;
  gap: 5px !important;
  margin-bottom: 6px !important;
}

.app-root.compact-root .compact-detail-grid {
  gap: 6px !important;
  grid-template-columns: 1fr !important;
}

.app-root.compact-root .compact-detail-item {
  display: grid !important;
  grid-template-columns: minmax(110px, auto) minmax(0, 1fr) !important;
  align-items: center !important;
  grid-gap: 6px !important;
  gap: 6px !important;
  padding: 4px !important;
}

.app-root.compact-root .compact-detail-label {
  font-size: 1.5em !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}

.app-root.compact-root .compact-detail-value {
  font-size: 1.5em !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
}

.app-root.compact-root .compact-detail-edit-wrap {
  gap: 6px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.app-root.compact-root .compact-detail-input,
.app-root.compact-root .compact-close-btn,
.app-root.compact-root .compact-save-btn {
  font-size: 1.5em !important;
  min-height: 36px !important;
  padding: 6px !important;
  border-radius: 6px !important;
}

.app-root.compact-root .compact-detail-edit-wrap .compact-save-btn {
  width: auto !important;
  min-width: 84px !important;
}

.app-root.compact-root .compact-detail-textarea {
  min-height: 60px !important;
}

.app-root.compact-root .compact-detail-error {
  font-size: 1.5em !important;
  margin-top: 5px !important;
}

/* Page admin en vue compacte */
.app-root.compact-root .admin-page {
  gap: 0.45rem;
  padding: 0.35rem 0.3rem 0.5rem;
  overflow: auto;
}

.app-root.compact-root .admin-page > .gmc-title-1,
.app-root.compact-root .admin-page > .admin-title {
  padding: 0.45rem 0.5rem;
  font-size: 1.05rem;
  letter-spacing: 0.18rem;
  border-bottom-width: 2px;
}

.app-root.compact-phone .extranet-page .extranet-header {
  display: none;
}

.app-root.compact-phone .extranet-page .extranet-shell {
  padding: 0.35rem;
  gap: 0.35rem;
}

.app-root.compact-phone .extranet-page .extranet-sidebar {
  min-height: 0;
  padding: 0;
  gap: 0;
  border-radius: 0;
  background: transparent;
}

.app-root.compact-phone .extranet-page .extranet-brand,
.app-root.compact-phone .extranet-page .extranet-sub {
  display: none;
}

.app-root.compact-phone .extranet-page .extranet-nav-menu__row {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  grid-gap: 0.28rem;
  gap: 0.28rem;
  width: 100%;
}

.app-root.compact-phone .extranet-page .extranet-nav-menu__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  width: 100%;
  min-width: 0;
  padding: 0.2rem 0.32rem;
  box-sizing: border-box;
  border: 1px solid var(--gmc-color-accent-orange);
  border-radius: 5px;
  background: #0a0a0a;
  color: #ffffff;
  font-size: 0.72rem !important;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.app-root.compact-phone .extranet-page .extranet-nav-menu__trigger {
  letter-spacing: 0.04em;
}

.app-root.compact-phone .extranet-page .extranet-nav-menu__panel {
  display: none;
  gap: 0.25rem;
  margin-top: 0.25rem;
}

.app-root.compact-phone .extranet-page .extranet-nav-menu__panel.is-open {
  display: flex;
}

.app-root.compact-phone .extranet-page .extranet-nav__item,
.app-root.compact-phone .extranet-page .extranet-submenu__item,
.app-root.compact-phone .extranet-page .extranet-nav__button-preview button,
.app-root.compact-phone .extranet-page .extranet-nav__toggle {
  min-height: 40px !important;
  padding: 0.28rem 0.76rem;
  border-radius: 5px;
  font-size: 1.24rem !important;
  line-height: 1.1;
}

.app-root.compact-phone .extranet-page .extranet-nav__toggle {
  width: 48px;
  height: 26px;
  padding: 2px;
}

.app-root.compact-phone .extranet-page .extranet-nav__toggle span {
  width: 18px;
  height: 18px;
}

.app-root.compact-phone .extranet-page .extranet-nav__toggle.is-on span {
  transform: translateX(22px);
}

.app-root.compact-phone .extranet-page .extranet-nav__button-mode {
  gap: 0.25rem;
  padding-top: 0.3rem;
}

.app-root.compact-phone .extranet-page .extranet-nav__button-mode-head,
.app-root.compact-phone .extranet-page .extranet-nav__status {
  font-size: 0.58rem;
}

.app-root.compact-phone .extranet-page .extranet-nav__spacer {
  min-height: 0.25rem;
}

.app-root.compact-phone .extranet-page .quote-project-list .quote-icon-button,
.app-root.compact-phone .extranet-page .quote-project-list-heading .quote-icon-button {
  width: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  height: 26px;
  padding: 0 !important;
  gap: 0;
  border-radius: 6px;
}

.app-root.compact-phone .extranet-page .quote-project-list-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  flex-wrap: nowrap;
}

.app-root.compact-phone .extranet-page .quote-project-list .quote-icon-button svg,
.app-root.compact-phone .extranet-page .quote-project-list-heading .quote-icon-button svg {
  width: 13px;
  height: 13px;
}

.app-root.compact-phone .extranet-page .quote-project-list .quote-icon-button > span,
.app-root.compact-phone .extranet-page .quote-project-list-heading .quote-icon-button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 640px) {
  .extranet-page .quote-project-list-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    flex-wrap: nowrap;
  }

  .extranet-page .quote-project-list-heading__new {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 6px;
    font-size: 0 !important;
  }

  .extranet-page .quote-project-list-heading__new svg {
    width: 13px;
    height: 13px;
  }

  .extranet-page .quote-project-list-heading__new-label {
    display: none !important;
  }
}

.app-root.compact-phone .extranet-page .quote-project-list-title {
  font-size: 1.33rem;
}

.app-root.compact-phone .extranet-page .quote-project-row__sequence-badge {
  display: none;
}

.app-root.compact-phone .extranet-page .quote-project-row__sequence-actions {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
}

.app-root.compact-phone .extranet-page .quote-project-row__sequence {
  flex: 1 1 auto;
  min-width: 0;
}

.app-root.compact-phone .extranet-page .quote-project-row__quick-actions,
.app-root.compact-phone .extranet-page .quote-project-document__actions {
  flex: 0 0 auto;
  gap: 4px;
}

.app-root.compact-phone .extranet-page .quote-project-document__head,
.app-root.compact-phone .extranet-page .quote-project-document__meta,
.app-root.compact-phone .extranet-page .quote-project-document__materials,
.app-root.compact-phone .extranet-page .quote-project-document__single-line {
  font-size: 0.53rem;
  line-height: 1.2;
}

.app-root.compact-phone .extranet-page .quote-status-badge {
  font-size: 0.47rem;
  padding: 1px 4px;
}

.app-root.compact-phone .extranet-page .quote-project-filters {
  display: none;
}

.app-root.compact-phone .extranet-page .quote-wrapper {
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}

.app-root.compact-phone .extranet-page .quote-page {
  width: 210mm;
  min-width: 210mm;
  max-width: none;
  overflow-x: visible;
}

.app-root.compact-root .admin-tabs {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 6;
  gap: 0.35rem;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 0.1rem 0 0.35rem;
  background: linear-gradient(to bottom, #efefef 82%, rgba(239, 239, 239, 0));
  scrollbar-width: none;
}

.app-root.compact-root .admin-tabs::-webkit-scrollbar {
  display: none;
}

.app-root.compact-root .admin-tab {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 0.32rem 0.58rem;
  font-size: 0.72rem;
  letter-spacing: 0.03rem;
}

.app-root.compact-root .admin-card {
  padding: 0.45rem;
  border-radius: 12px;
  box-shadow: inset 0 0 0 4px #000000, 0 8px 14px rgba(0, 0, 0, 0.2);
}

.app-root.compact-root .admin-card-header {
  margin-bottom: 0.45rem;
  padding-bottom: 0.25rem;
  font-size: 0.84rem;
}

.app-root.compact-root .admin-ui-grid,
.app-root.compact-root .admin-feature-grid,
.app-root.compact-root .admin-planning-dual-grid--lines,
.app-root.compact-root .admin-history-entry__grid,
.app-root.compact-root .admin-archive-match-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

.app-root.compact-root .admin-form-grid,
.app-root.compact-root .admin-user-inline-grid,
.app-root.compact-root .admin-user-inline-grid--city {
  grid-template-columns: minmax(0, 1fr);
}

.app-root.compact-root .admin-general-shortcut,
.app-root.compact-root .admin-modal-btn,
.app-root.compact-root .admin-add-btn,
.app-root.compact-root .admin-edit-btn,
.app-root.compact-root .admin-suspend-btn,
.app-root.compact-root .admin-revoke-btn,
.app-root.compact-root .admin-select,
.app-root.compact-root .admin-input {
  min-height: 34px;
  font-size: 0.88rem;
}

.app-root.compact-root .admin-general-shortcut {
  gap: 0.35rem;
  padding: 0.45rem 0.5rem;
}

.app-root.compact-root .admin-form-actions,
.app-root.compact-root .admin-history-toolbar,
.app-root.compact-root .admin-history-modal-header,
.app-root.compact-root .admin-archive-match-card__header,
.app-root.compact-root .admin-modal-actions {
  gap: 0.45rem;
}

.app-root.compact-root .admin-history-toolbar,
.app-root.compact-root .admin-history-modal-header,
.app-root.compact-root .admin-modal-actions {
  flex-direction: column;
  align-items: stretch;
}

.app-root.compact-root .admin-table-shell,
.app-root.compact-root .admin-planning-table-shell,
.app-root.compact-root .admin-table-shell--users-grouped,
.app-root.compact-root .admin-table-shell--prod-lists {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.app-root.compact-root .admin-table,
.app-root.compact-root .admin-table-users--grouped,
.app-root.compact-root .admin-planning-table {
  min-width: 720px;
}

.app-root.compact-root .admin-table th,
.app-root.compact-root .admin-table td {
  padding: 0.38rem 0.42rem;
  font-size: 0.78rem;
}

.app-root.compact-root .admin-user-stack__title {
  font-size: 1rem;
}

.app-root.compact-root .admin-user-static-value,
.app-root.compact-root .admin-user-role-pill,
.app-root.compact-root .admin-user-capability-pill,
.app-root.compact-root .admin-hint {
  font-size: 0.82rem;
}

.app-root.compact-root .admin-modal {
  width: min(100vw - 1rem, 640px);
  max-width: min(100vw - 1rem, 640px);
  max-height: calc(100dvh - var(--gmc-compact-header-offset, 0px) - 0.75rem);
  overflow: auto;
  padding: 0.7rem;
}

.app-root.compact-root .admin-modal--history {
  width: min(100vw - 1rem, 920px);
  max-width: min(100vw - 1rem, 920px);
}

.app-root.compact-root .admin-history-modal-body {
  max-height: none;
}

/* Final desktop override for History search day separators:
   keep date + total on one line and prevent compact marker base styles from leaking in. */
.app-root:not(.compact-root) .history-search-desktop .history-search-desktop__separator.compact-marker-row.compact-marker-row--day-separator {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 0.22rem 0.5rem !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  font-size: 1.02rem !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
}

.app-root:not(.compact-root) .history-search-desktop .history-search-desktop__separator.compact-marker-row.compact-marker-row--day-separator > span {
  font-size: inherit !important;
  line-height: inherit !important;
  white-space: nowrap !important;
}

.app-root:not(.compact-root) .history-search-desktop .history-search-desktop__separator.compact-marker-row.compact-marker-row--day-separator > span:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.app-root:not(.compact-root) .history-search-desktop .history-search-desktop__separator.compact-marker-row.compact-marker-row--day-separator > span:last-child {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/ag-grid-community/styles/ag-grid.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.ag-filter-panel-buttons {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
  flex-wrap: wrap;
  gap: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-filter-panel-buttons-button {
  line-height: 1.5;
}

.ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button {
  color: var(--ag-filter-panel-apply-button-color);
  background-color: var(--ag-filter-panel-apply-button-background-color);
}

.ag-filter-panel > *:where(:last-child) {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-row.ag-row-pinned-source {
  color: var(--ag-pinned-source-row-text-color);
  background-color: var(--ag-pinned-source-row-background-color);
  font-weight: var(--ag-pinned-source-row-font-weight);
}

.ag-row.ag-row-pinned {
  color: var(--ag-pinned-row-text-color);
  background-color: var(--ag-pinned-row-background-color);
  font-weight: var(--ag-pinned-row-font-weight);
}

.ag-floating-top-viewport {
  border-bottom: var(--ag-pinned-row-border);
}

.ag-floating-bottom-viewport {
  border-top: var(--ag-pinned-row-border);
}

.ag-measurement-container {
  --ag-legacy-styles-loaded: "true";
}

.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  position: relative;
}
.ag-icon::before {
  content: "";
  font-family: inherit;
}
.ag-icon::after {
  background: transparent var(--ag-icon-image, none) center/contain no-repeat;
  display: var(--ag-icon-image-display);
  opacity: var(--ag-icon-image-opacity, 0.9);
  position: absolute;
  inset: 0;
  content: "";
}

.ag-icon-aggregation {
  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}

.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
  display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));
}

.ag-icon-aggregation::after {
  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-arrows {
  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}

.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
  display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));
}

.ag-icon-arrows::after {
  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-asc {
  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}

.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
  display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));
}

.ag-icon-asc::after {
  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cancel {
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}

.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
  display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));
}

.ag-icon-cancel::after {
  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chart {
  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}

.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
  display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));
}

.ag-icon-chart::after {
  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-checked {
  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-checked::after {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-indeterminate {
  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-checkbox-indeterminate::after {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-unchecked {
  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-unchecked::after {
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-color-picker {
  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}

.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}

.ag-icon-color-picker::after {
  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-columns {
  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}

.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
  display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));
}

.ag-icon-columns::after {
  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-contracted {
  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}

.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
  display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));
}

.ag-icon-contracted::after {
  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-copy {
  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}

.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
  display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));
}

.ag-icon-copy::after {
  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cross {
  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}

.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
  display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));
}

.ag-icon-cross::after {
  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-csv {
  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}

.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
  display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));
}

.ag-icon-csv::after {
  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cut {
  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}

.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
  display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));
}

.ag-icon-cut::after {
  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-desc {
  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}

.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
  display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));
}

.ag-icon-desc::after {
  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-excel {
  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}

.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
  display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));
}

.ag-icon-excel::after {
  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-expanded {
  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}

.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
  display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));
}

.ag-icon-expanded::after {
  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye-slash {
  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}

.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}

.ag-icon-eye-slash::after {
  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye {
  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}

.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
  display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));
}

.ag-icon-eye::after {
  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-filter {
  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}

.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
  display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
}

.ag-icon-filter::after {
  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-first {
  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}

.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
  display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));
}

.ag-icon-first::after {
  background-image: var(--ag-icon-image-first, var(--ag-icon-image));
  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-grip {
  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}

.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
  display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));
}

.ag-icon-grip::after {
  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-group {
  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}

.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
  display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));
}

.ag-icon-group::after {
  background-image: var(--ag-icon-image-group, var(--ag-icon-image));
  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-last {
  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}

.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
  display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));
}

.ag-icon-last::after {
  background-image: var(--ag-icon-image-last, var(--ag-icon-image));
  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-left {
  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}

.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
  display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));
}

.ag-icon-left::after {
  background-image: var(--ag-icon-image-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-linked {
  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}

.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
  display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));
}

.ag-icon-linked::after {
  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-loading {
  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}

.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
  display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));
}

.ag-icon-loading::after {
  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-maximize {
  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}

.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
  display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));
}

.ag-icon-maximize::after {
  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu {
  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}

.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
  display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));
}

.ag-icon-menu::after {
  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minimize {
  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}

.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
  display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));
}

.ag-icon-minimize::after {
  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-next {
  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}

.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
  display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));
}

.ag-icon-next::after {
  background-image: var(--ag-icon-image-next, var(--ag-icon-image));
  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-none {
  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}

.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
  display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));
}

.ag-icon-none::after {
  background-image: var(--ag-icon-image-none, var(--ag-icon-image));
  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-not-allowed {
  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}

.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}

.ag-icon-not-allowed::after {
  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-paste {
  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}

.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
  display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));
}

.ag-icon-paste::after {
  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pin {
  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}

.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
  display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));
}

.ag-icon-pin::after {
  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pivot {
  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}

.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
  display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));
}

.ag-icon-pivot::after {
  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-previous {
  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}

.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
  display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));
}

.ag-icon-previous::after {
  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-off {
  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}

.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}

.ag-icon-radio-button-off::after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-on {
  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}

.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}

.ag-icon-radio-button-on::after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-right {
  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}

.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
  display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));
}

.ag-icon-right::after {
  background-image: var(--ag-icon-image-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-save {
  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}

.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
  display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));
}

.ag-icon-save::after {
  background-image: var(--ag-icon-image-save, var(--ag-icon-image));
  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-down {
  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}

.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
  display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));
}

.ag-icon-small-down::after {
  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-left {
  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}

.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
  display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));
}

.ag-icon-small-left::after {
  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-right {
  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}

.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
  display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));
}

.ag-icon-small-right::after {
  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-up {
  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}

.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
  display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));
}

.ag-icon-small-up::after {
  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tick {
  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}

.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
  display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));
}

.ag-icon-tick::after {
  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-closed {
  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}

.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}

.ag-icon-tree-closed::after {
  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-indeterminate {
  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-tree-indeterminate::after {
  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-open {
  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}

.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}

.ag-icon-tree-open::after {
  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-unlinked {
  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}

.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
  display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));
}

.ag-icon-unlinked::after {
  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-up {
  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}

.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
  display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));
}

.ag-icon-up::after {
  background-image: var(--ag-icon-image-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-down {
  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}

.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
  display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));
}

.ag-icon-down::after {
  background-image: var(--ag-icon-image-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-plus {
  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}

.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
  display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));
}

.ag-icon-plus::after {
  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minus {
  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}

.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
  display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));
}

.ag-icon-minus::after {
  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu-alt {
  font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));
}

.ag-icon-menu-alt::before {
  content: var(--ag-icon-font-code-menu-alt, "\f138");
  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}

.ag-icon-menu-alt::after {
  background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-settings {
  font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));
}

.ag-icon-settings::before {
  content: var(--ag-icon-font-code-settings, "\f139");
  display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));
}

.ag-icon-settings::after {
  background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
  display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-column-arrow {
  font-family: var(--ag-icon-font-family-column-arrow, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-column-arrow, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-column-arrow, var(--ag-icon-font-color));
}

.ag-icon-column-arrow::before {
  content: var(--ag-icon-font-code-column-arrow, "\f13a");
  display: var(--ag-icon-font-display-column-arrow, var(--ag-icon-font-display));
}

.ag-icon-column-arrow::after {
  background-image: var(--ag-icon-image-column-arrow, var(--ag-icon-image));
  display: var(--ag-icon-image-display-column-arrow, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-column-arrow, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-un-pin {
  font-family: var(--ag-icon-font-family-un-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-un-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-un-pin, var(--ag-icon-font-color));
}

.ag-icon-un-pin::before {
  content: var(--ag-icon-font-code-un-pin, "\f13b");
  display: var(--ag-icon-font-display-un-pin, var(--ag-icon-font-display));
}

.ag-icon-un-pin::after {
  background-image: var(--ag-icon-image-un-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-un-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-un-pin, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pinned-bottom {
  font-family: var(--ag-icon-font-family-pinned-bottom, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pinned-bottom, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pinned-bottom, var(--ag-icon-font-color));
}

.ag-icon-pinned-bottom::before {
  content: var(--ag-icon-font-code-pinned-bottom, "\f13e");
  display: var(--ag-icon-font-display-pinned-bottom, var(--ag-icon-font-display));
}

.ag-icon-pinned-bottom::after {
  background-image: var(--ag-icon-image-pinned-bottom, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pinned-bottom, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pinned-bottom, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pinned-top {
  font-family: var(--ag-icon-font-family-pinned-top, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pinned-top, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pinned-top, var(--ag-icon-font-color));
}

.ag-icon-pinned-top::before {
  content: var(--ag-icon-font-code-pinned-top, "\f13f");
  display: var(--ag-icon-font-display-pinned-top, var(--ag-icon-font-display));
}

.ag-icon-pinned-top::after {
  background-image: var(--ag-icon-image-pinned-top, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pinned-top, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pinned-top, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-up {
  font-family: var(--ag-icon-font-family-chevron-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-up, var(--ag-icon-font-color));
}

.ag-icon-chevron-up::before {
  content: var(--ag-icon-font-code-chevron-up, "\f140");
  display: var(--ag-icon-font-display-chevron-up, var(--ag-icon-font-display));
}

.ag-icon-chevron-up::after {
  background-image: var(--ag-icon-image-chevron-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-down {
  font-family: var(--ag-icon-font-family-chevron-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-down, var(--ag-icon-font-color));
}

.ag-icon-chevron-down::before {
  content: var(--ag-icon-font-code-chevron-down, "\f141");
  display: var(--ag-icon-font-display-chevron-down, var(--ag-icon-font-display));
}

.ag-icon-chevron-down::after {
  background-image: var(--ag-icon-image-chevron-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-left {
  font-family: var(--ag-icon-font-family-chevron-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-left, var(--ag-icon-font-color));
}

.ag-icon-chevron-left::before {
  content: var(--ag-icon-font-code-chevron-left, "\f142");
  display: var(--ag-icon-font-display-chevron-left, var(--ag-icon-font-display));
}

.ag-icon-chevron-left::after {
  background-image: var(--ag-icon-image-chevron-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-right {
  font-family: var(--ag-icon-font-family-chevron-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-right, var(--ag-icon-font-color));
}

.ag-icon-chevron-right::before {
  content: var(--ag-icon-font-code-chevron-right, "\f143");
  display: var(--ag-icon-font-display-chevron-right, var(--ag-icon-font-display));
}

.ag-icon-chevron-right::after {
  background-image: var(--ag-icon-image-chevron-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-filter-add {
  font-family: var(--ag-icon-font-family-filter-add, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter-add, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter-add, var(--ag-icon-font-color));
}

.ag-icon-filter-add::before {
  content: var(--ag-icon-font-code-filter-add, "\f144");
  display: var(--ag-icon-font-display-filter-add, var(--ag-icon-font-display));
}

.ag-icon-filter-add::after {
  background-image: var(--ag-icon-image-filter-add, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter-add, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter-add, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-edit {
  font-family: var(--ag-icon-font-family-edit, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-edit, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-edit, var(--ag-icon-font-color));
}

.ag-icon-edit::before {
  content: var(--ag-icon-font-code-edit, "\f145");
  display: var(--ag-icon-font-display-edit, var(--ag-icon-font-display));
}

.ag-icon-edit::after {
  background-image: var(--ag-icon-image-edit, var(--ag-icon-image));
  display: var(--ag-icon-image-display-edit, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-edit, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}

.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}

.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}

[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-tooltip-error-background-color: color-mix(
      in srgb,
      var(--ag-background-color),
      var(--ag-invalid-color) 10%
  );
  --ag-tooltip-error-text-color: var(--ag-invalid-color);
  --ag-tooltip-error-border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 25%);
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #bbb;
  --ag-data-background-color: var(--ag-background-color);
  --ag-odd-row-background-color: var(--ag-data-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-range-header-highlight-color: color-mix(
      in srgb,
      var(--ag-header-background-color),
      var(--ag-foreground-color) 8%
  );
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-full-row-invalid-background-color: color-mix(
      in srgb,
      var(--ag-background-color),
      var(--ag-invalid-color) 25%
  );
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-error-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-pagination-panel-height: var(--ag-header-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-row-numbers-selected-color: #bbb;
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-chart-menu-panel-width: var(--ag-tab-min-width);
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-find-match-color: var(--ag-foreground-color);
  --ag-find-active-match-color: var(--ag-foreground-color);
  --ag-find-match-background-color: #ffff00;
  --ag-find-active-match-background-color: #ffa500;
  --ag-cell-batch-edit-background-color: rgb(220 181 139 / 16%);
  --ag-cell-batch-edit-text-color: #422f00;
  --ag-row-batch-edit-background-color: var(--ag-cell-batch-edit-background-color);
  --ag-row-batch-edit-text-color: var(--ag-cell-batch-edit-text-color);
  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
  --ag-filter-panel-apply-button-background-color: var(--ag-background-color);
  --ag-filter-panel-card-subtle-color: var(--ag-foreground-color);
  --ag-filter-panel-card-subtle-hover-color: var(--ag-foreground-color);
}

.ag-root-wrapper,
.ag-dnd-ghost {
  background-color: var(--ag-background-color);
}

.ag-sticky-top,
.ag-sticky-bottom {
  background-color: var(--ag-data-background-color);
}

.ag-sticky-bottom {
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-root-wrapper,
.ag-popup {
  --ag-indentation-level: 0;
}

[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}

ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
  display: block;
}

.ag-aria-description-container {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-drag-handle {
  cursor: -webkit-grab;
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

.ag-virtual-list-viewport .ag-tab-guard {
  position: -webkit-sticky;
  position: sticky;
}

.ag-tab-guard-top {
  top: 1px;
}

.ag-tab-guard-bottom {
  bottom: 1px;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper,
.ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}

.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9b9b9b;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}

.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-body-viewport,
.ag-center-cols-viewport,
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-floating-bottom-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  overflow-x: auto;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.ag-body-viewport::-webkit-scrollbar,
.ag-center-cols-viewport::-webkit-scrollbar,
.ag-header-viewport::-webkit-scrollbar,
.ag-floating-top-viewport::-webkit-scrollbar,
.ag-floating-bottom-viewport::-webkit-scrollbar,
.ag-sticky-top-viewport::-webkit-scrollbar,
.ag-sticky-bottom-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-body-viewport {
  display: flex;
  overflow-x: hidden;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-viewport {
  position: relative;
}

.ag-spanning-container {
  position: absolute;
  top: 0;
  z-index: 1;
}

.ag-sticky-top-container,
.ag-sticky-bottom-container,
.ag-floating-top-container,
.ag-floating-bottom-container {
  min-height: 1px;
}

.ag-sticky-top,
.ag-sticky-bottom {
  z-index: 1;
}

.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  position: relative;
}

.ag-header-container,
.ag-floating-top-container,
.ag-pinned-left-floating-top,
.ag-pinned-right-floating-top,
.ag-floating-bottom-container,
.ag-pinned-left-floating-bottom,
.ag-pinned-right-floating-bottom,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  height: 100%;
  white-space: nowrap;
}

.ag-center-cols-container {
  display: block;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-body-vertical-scroll-container {
  width: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}
.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container,
.ag-ltr .ag-sticky-bottom-full-width-container {
  left: 0;
}
.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container,
.ag-rtl .ag-sticky-bottom-full-width-container {
  right: 0;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}

.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}

.ag-body-horizontal-scroll {
  width: 100%;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}

.ag-body-vertical-scroll {
  height: 100%;
}
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}
.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}
.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ag-header-cell-sortable .ag-header-cell-label {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
}

.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.ag-header-cell-filter-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}

.ag-header-group-cell-label,
.ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
  overflow: hidden;
}

.ag-header-cell-label {
  text-overflow: ellipsis;
}

.ag-header-group-cell-label.ag-sticky-label {
  position: -webkit-sticky;
  position: sticky;
  flex: none;
  max-width: 100%;
  overflow: visible;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.ag-header-group-cell .ag-header-cell-comp-wrapper {
  display: flex;
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-header-cell-comp-wrapper {
  width: 100%;
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}

.ag-header-cell-comp-wrapper-limited-height > div {
  overflow: hidden;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -3px;
}
.ag-rtl .ag-header-cell-resize {
  left: -3px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -3px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -3px;
}

.ag-header-select-all {
  display: flex;
}

.ag-header-cell-menu-button,
.ag-header-cell-filter-button,
.ag-side-button-button,
.ag-panel-title-bar-button,
.ag-floating-filter-button-button {
  cursor: pointer;
}

.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-spanned-cell-wrapper {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1;
}

.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1;
  overflow: hidden;
}

.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}

.ag-column-drop-list {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}

.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1;
}

.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}

.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}

.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, opacity 0.2s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;
}

.ag-row-animation.ag-prevent-animation .ag-row,
.ag-row-animation.ag-prevent-animation .ag-row.ag-after-created {
  transition: none !important;
}

.ag-row-no-animation .ag-row {
  transition: none;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  display: flex;
  align-items: center;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  display: flex;
  align-items: center;
}

.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}

.ag-cell-value {
  flex: 1 1 auto;
}

.ag-cell-value:not(.ag-allow-overflow),
.ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-cell-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-word;
}

.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper {
  align-items: normal;
  height: 100%;
}
.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper .ag-cell-value {
  height: 100%;
}

.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  line-height: initial;
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}

.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor.ag-cell-editor.ag-cell-editor input {
  height: 100%;
  min-height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-row.ag-row-editing-invalid .ag-cell-inline-editing {
  opacity: 0.8;
}

.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}

.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-set-filter-item-checkbox {
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-set-filter-group-icons {
  display: block;
}
.ag-set-filter-group-icons > * {
  cursor: pointer;
}

.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}

.ag-filter-filter {
  flex: 1 1;
}

.ag-filter-condition {
  display: flex;
  justify-content: center;
}

.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}

.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

.ag-date-floating-filter-wrapper {
  display: flex;
}

.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}

.ag-dnd-ghost {
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
}

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ag-overlay-loading-wrapper {
  pointer-events: all;
}

.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-large-text-input {
  display: block;
}

.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}

.ag-floating-top,
.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top,
.ag-pinned-right-floating-top,
.ag-pinned-left-floating-bottom,
.ag-pinned-right-floating-bottom {
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-sticky-top,
.ag-sticky-bottom {
  position: absolute;
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 0px;
}

.ag-sticky-bottom {
  box-sizing: content-box !important;
}

.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-dialog,
.ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}

.ag-panel-title-bar-title {
  flex: 1 1 auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-tooltip {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ag-menu-list {
  display: table;
  width: 100%;
}

.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-menu-option-custom {
  display: contents;
}

.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}

.ag-context-menu-loading-icon {
  position: absolute;
  pointer-events: none;
}

.ag-pill-container {
  display: flex;
  gap: 0.25rem;
  flex-wrap: nowrap;
}

.ag-pill {
  display: flex;
  white-space: nowrap;
  padding: 0 0.25rem;
  align-items: center;
}

.ag-pill .ag-pill-button {
  border: none;
  padding: 0;
}

.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}

.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}

.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-list .ag-loading-text {
  min-height: 2rem;
}

.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

.ag-rich-select-field-input {
  flex: 1 1 auto;
}
.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}
.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}

.ag-autocomplete {
  align-items: center;
  display: flex;
}
.ag-autocomplete > * {
  flex: 1 1 auto;
}

.ag-autocomplete-list-popup {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-autocomplete-list {
  position: relative;
}

.ag-autocomplete-virtual-list-item {
  display: flex;
}

.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}

.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}

.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  contain: paint;
}

.ag-header-group-cell-no-group.ag-header-span-height {
  display: none;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
}

.ag-header-group-cell-label,
.ag-cell-label-container {
  padding: 5px 0px;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}

.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}

.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}

.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ag-side-button-label {
  writing-mode: vertical-lr;
}

.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.ag-status-panel,
.ag-status-panel.ag-status-panel-aggregations .ag-status-name-value {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

.ag-row-number-cell {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ag-ltr .ag-row-number-cell {
  text-align: right;
}
.ag-rtl .ag-row-number-cell {
  text-align: left;
}

.ag-row-numbers-resizer {
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 4px;
  width: 100%;
  cursor: ns-resize;
}

.ag-floating-bottom .ag-row-numbers-resizer {
  bottom: unset;
  top: -2px;
}

.ag-icon {
  display: block;
  speak: none;
}

.ag-group {
  position: relative;
  width: 100%;
}

.ag-group-title-bar {
  display: flex;
  align-items: center;
}

.ag-group-title {
  display: inline;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  display: flex;
  align-items: center;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field,
.ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ag-input-field-input {
  flex: 1 1 auto;
}

.ag-floating-filter-input .ag-input-field-input[type=date],
.ag-floating-filter-input .ag-input-field-input[type=datetime-local] {
  width: 1px;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}

.ag-picker-field-display {
  flex: 1 1 auto;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}

.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}

.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1;
}

.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: visible;
  cursor: default;
}

.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

.ag-spectrum-hue,
.ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha {
  --ag-spectrum-alpha-background-checked: url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%224%22 height=%224%22><rect x=%220%22 y=%220%22 width=%224%22 height=%224%22 fill=%22%23fff%22/><path d=%22M0 0H2V4H4V2H0Z%22 fill=%22%23b2b2b2%22/></svg>");
}

.ag-spectrum-alpha-background {
  background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px;
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
  position: relative;
}

.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}

.ag-spectrum-alpha .ag-spectrum-slider {
  background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-pill-select {
  display: flex;
  flex-direction: column;
}
.ag-pill-select .ag-column-drop {
  flex: unset;
}

.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-sticky-top,
.ag-ltr .ag-sticky-bottom,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-sticky-top,
.ag-rtl .ag-sticky-bottom,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}

.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-measurement-container {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.ag-measurement-container div {
  position: absolute;
}

.ag-layout-print.ag-body {
  display: block;
  height: unset;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}
.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row,
  .ag-root-wrapper.ag-layout-print .ag-cell {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}

[class^=ag-]::-ms-clear {
  display: none;
}

.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}

.ag-range-field .ag-input-wrapper {
  height: 100%;
}

.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}

.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}

.ag-button:hover {
  background-color: transparent;
}

.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}

input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}

textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}

input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):focus.invalid, input[class^=ag-]:not([type]):focus:invalid,
input[class^=ag-][type=text]:focus.invalid,
input[class^=ag-][type=text]:focus:invalid,
input[class^=ag-][type=number]:focus.invalid,
input[class^=ag-][type=number]:focus:invalid,
input[class^=ag-][type=tel]:focus.invalid,
input[class^=ag-][type=tel]:focus:invalid,
input[class^=ag-][type=date]:focus.invalid,
input[class^=ag-][type=date]:focus:invalid,
input[class^=ag-][type=datetime-local]:focus.invalid,
input[class^=ag-][type=datetime-local]:focus:invalid,
textarea[class^=ag-]:focus.invalid,
textarea[class^=ag-]:focus:invalid {
  box-shadow: var(--ag-input-error-focus-box-shadow);
  border-color: var(--ag-invalid-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^=ag-][type=range] {
  padding: 0;
}

input[class^=ag-][type=button]:focus,
button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}
input[class^=ag-][type=button]:focus:invalid, input[class^=ag-][type=button]:focus.invalid,
button[class^=ag-]:focus:invalid,
button[class^=ag-]:focus.invalid {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}

.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}

.ag-list-item,
.ag-virtual-list-item {
  height: var(--ag-list-item-height);
}

.ag-virtual-list-item:focus-visible {
  outline: none;
}
.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}

.ag-select-list-item {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}

.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}

.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}

.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}

.ag-disabled-group-title-bar,
.ag-disabled-group-container {
  opacity: 0.5;
}

.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}

.ag-label {
  white-space: nowrap;
}
.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}

.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}

.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}

.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
  background-color: var(--ag-background-color);
}
.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus.invalid, .ag-picker-field-wrapper:focus-within.invalid {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-picker-field-wrapper.invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}

.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}

.ag-color-picker .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
}
.ag-color-picker .ag-picker-field-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--ag-list-item-height);
}

.ag-ltr .ag-color-picker-color,
.ag-ltr .ag-color-picker-value {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-color-picker-color,
.ag-rtl .ag-color-picker-value {
  margin-left: var(--ag-grid-size);
}

.ag-color-panel {
  padding: var(--ag-grid-size);
}

.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}

.ag-spectrum-tools {
  padding: 10px;
}

.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}

.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}

.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 2px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}

.ag-spectrum-hue-background {
  border-radius: 2px;
}

.ag-spectrum-alpha-background {
  border-radius: 2px;
}

.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}

.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  border: 2px solid white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.ag-recent-colors {
  margin-top: 10px;
}

.ag-recent-color {
  margin: 0 3px;
}
.ag-recent-color:first-child {
  margin-left: 0;
}
.ag-recent-color:last-child {
  margin-right: 0;
}

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-color-input .ag-color-input-color {
  position: absolute;
}
.ag-ltr .ag-color-input .ag-color-input-color {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-color-input .ag-color-input-color {
  margin-right: var(--ag-grid-size);
}

.ag-color-picker-color,
.ag-color-input-color {
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-radius: 2px;
}

.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}

.ag-dnd-ghost-not-allowed {
  border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 50%);
}

.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}

.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}

.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-select.ag-disabled {
  opacity: 0.5;
}

.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}

.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}

.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}

.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}

.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-rich-select-row:hover,
.ag-rich-select-row-highlighted {
  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}

.ag-rich-select-row-text-highlight {
  font-weight: bold;
}

.ag-autocomplete {
  width: 100%;
}

.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}

.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-pill {
  border: 1px solid var(--ag-chip-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-chip-background-color);
}

.ag-ltr .ag-pill .ag-pill-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-pill .ag-pill-button {
  margin-right: var(--ag-grid-size);
}

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

.ag-pill .ag-pill-button:hover {
  cursor: pointer;
}

.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}

.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}

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

.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}

.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}
.ag-tooltip.ag-cell-editor-tooltip {
  background-color: var(--ag-tooltip-error-background-color);
  color: var(--ag-tooltip-error-text-color);
  border: var(--ag-borders) var(--ag-tooltip-error-border-color);
  font-weight: 500;
}

.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}

.ag-ltr .ag-column-select-column,
.ag-ltr .ag-column-select-column-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-column,
.ag-rtl .ag-column-select-column-group {
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}

.ag-column-select-header-icon {
  cursor: pointer;
}

.ag-column-select-header-icon:focus-visible {
  outline: none;
}
.ag-column-select-header-icon:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}
.ag-column-select-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}

.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}

.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-pill-select .ag-column-drop {
  border-bottom: 0;
  min-height: unset;
}
.ag-pill-select .ag-column-drop-list {
  padding: 0;
}
.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}
.ag-pill-select .ag-picker-field-wrapper {
  background-color: transparent;
  border: 0;
}
.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}

.ag-rtl {
  text-align: right;
}

.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-row > .ag-cell-wrapper.ag-row-group {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}

.ag-cell-wrapper.ag-row-group,
.ag-cell-wrapper.ag-row-group-leaf-indent,
.ag-cell-wrapper.ag-pivot-leaf-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}

.ag-cell-wrapper > .ag-group-checkbox-spacing {
  width: var(--ag-icon-size);
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-value-change-delta {
  padding-right: 2px;
}

.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}

.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}

.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}

.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}

.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}

.ag-cell-data-changed-animation {
  background-color: transparent;
}

.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}

.ag-row,
.ag-spanned-row {
  color: var(--ag-data-color);
}

.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-data-background-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-row.ag-row-editing-invalid {
  background-color: var(--ag-full-row-invalid-background-color);
}

.ag-spanned-cell-wrapper {
  background-color: var(--ag-data-background-color);
  position: absolute;
}

.ag-spanned-cell-wrapper > .ag-spanned-cell {
  display: block;
  position: relative;
}

.ag-row-highlight-above::after,
.ag-row-highlight-inside::after,
.ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
  pointer-events: none;
}

.ag-row-highlight-above::after {
  top: 0;
}

.ag-row-highlight-below::after {
  bottom: 0;
}

.ag-row-highlight-indent::after {
  display: block;
  width: auto;
  left: calc(2 * (var(--ag-cell-widget-spacing) + var(--ag-icon-size)) + var(--ag-cell-horizontal-padding) + var(--ag-row-highlight-level) * var(--ag-row-group-indent-size));
  right: 1px;
}

.ag-row-highlight-inside::after {
  display: block;
  width: auto;
  height: auto;
  inset: 0;
  background-color: var(--ag-selected-row-background-color);
  border: 1px solid var(--ag-range-selection-border-color);
}

.ag-body,
.ag-floating-top,
.ag-floating-bottom {
  background-color: var(--ag-data-background-color);
}

.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.ag-row.ag-full-width-row.ag-row-group > * {
  position: relative;
}

.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}

.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}

.ag-header-range-highlight {
  background-color: var(--ag-range-header-highlight-color);
}

.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
  margin-right: auto;
}

.ag-cell,
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}

.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}

.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}

.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}

.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-large-text-input textarea {
  resize: none;
}

.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-data-background-color);
}

.ag-layout-auto-height .ag-center-cols-viewport,
.ag-layout-auto-height .ag-center-cols-container,
.ag-layout-print .ag-center-cols-viewport,
.ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}

.ag-overlay-loading-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}

.ag-overlay-loading-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
}

.ag-skeleton-container {
  width: 100%;
  height: 100%;
  align-content: center;
}

.ag-skeleton-effect {
  background-color: var(--ag-row-loading-skeleton-effect-color);
  width: 100%;
  height: 1em;
  border-radius: 0.25rem;
  animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
}

@keyframes ag-skeleton-loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}
.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}

.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top:not(.ag-invisible) {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-floating-bottom:not(.ag-invisible) {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-find-cell {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-find-match {
  color: var(--ag-find-match-color);
  background-color: var(--ag-find-match-background-color);
}

.ag-find-active-match {
  color: var(--ag-find-active-match-color);
  background-color: var(--ag-find-active-match-background-color);
}

.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}
.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}
.ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell-range-selected:not(.ag-cell-focus),
.ag-cell-range-selected.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}

.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-cell-range-selected-1.ag-cell-range-chart,
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-cell-range-selected-2.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}

.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-cell-range-selected-3.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}

.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-cell-range-selected-4.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}

.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-fill-handle,
.ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-fill-handle,
.ag-ltr .ag-range-handle {
  right: -1px;
}
.ag-rtl .ag-fill-handle,
.ag-rtl .ag-range-handle {
  left: -1px;
}

.ag-fill-handle {
  cursor: crosshair;
}

.ag-range-handle {
  cursor: nwse-resize;
}

.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}
.ag-cell-inline-editing.ag-cell-editing-error {
  border-color: var(--ag-invalid-color) !important;
}

.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-menu-background-color);
  border-color: var(--ag-menu-border-color);
  padding: 0;
}

.ag-menu.ag-tabs {
  min-width: var(--ag-tab-min-width);
}

.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}

.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}

.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-menu-option {
  position: relative;
}

.ag-menu-option:focus-visible {
  outline: none;
}
.ag-menu-option:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-menu-option-active,
.ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}

.ag-menu-option-part,
.ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}

.ag-menu-option-disabled,
.ag-compact-menu-option-disabled {
  opacity: 0.5;
}

.ag-menu-option-icon,
.ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}
.ag-ltr .ag-menu-option-icon,
.ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-menu-option-icon,
.ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-menu-option-text,
.ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-menu-option-shortcut,
.ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-shortcut,
.ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-menu-option-popup-pointer,
.ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-popup-pointer,
.ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}

.ag-tabs-header {
  display: flex;
}

.ag-tabs-header-wrapper {
  display: flex;
}
.ag-tabs-header-wrapper .ag-tabs-header {
  flex: 1 1;
}

.ag-tabs-close-button-wrapper {
  border: 0;
  border-right: var(--ag-borders) var(--ag-border-color);
  padding: var(--ag-grid-size);
}

.ag-tabs-close-button {
  border: 0;
  background-color: unset;
  cursor: pointer;
  padding: 0;
}

.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ag-tab:focus-visible {
  outline: none;
}
.ag-tab:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}

.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}

.ag-filter-condition-operator {
  height: 17px;
}

.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}

.ag-set-filter-list,
.ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}

.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}

.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}

.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-set-filter {
  --ag-indentation-level: 0;
}

.ag-ltr .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}

.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-menu .ag-set-filter-list {
  min-width: 200px;
}

.ag-filter-virtual-list-item:focus-visible {
  outline: none;
}
.ag-filter-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}
.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}

.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}

.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}

.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-multi-filter-group-title-bar:focus-visible {
  outline: none;
}
.ag-multi-filter-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-side-bar {
  position: relative;
}

.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}

.ag-tool-panel-external {
  display: flex;
  flex-direction: row;
}

:where(.ag-tool-panel-external) .ag-tool-panel-wrapper {
  flex-grow: 1;
}

.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}

button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}
button.ag-side-button-button:focus {
  box-shadow: none;
}

.ag-side-button-button:focus-visible {
  outline: none;
}
.ag-side-button-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}

.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}

.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}
.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}

.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}
.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}

.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}

.ag-filter-toolpanel-header:focus-visible {
  outline: none;
}
.ag-filter-toolpanel-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
  display: none;
}

.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}

.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}

.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}

.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}

.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}

.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ag-filter-panel .ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-container-horizontal-padding) 0;
}
.ag-filter-panel .ag-mini-filter {
  margin-top: var(--ag-widget-vertical-spacing);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-panel .ag-standard-button {
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.ag-filter-panel .ag-simple-filter-body-wrapper > *:last-child,
.ag-filter-panel .ag-set-filter-body-wrapper {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-filter-panel-container {
  flex: 1 1;
  overflow: auto;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
}

.ag-filter-panel-container > *:not(:last-child) {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-filter-card {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-background-color);
}
.ag-ltr .ag-filter-card .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
  padding-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-filter-card .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
  padding-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: var(--ag-widget-vertical-spacing);
}
.ag-ltr .ag-filter-card-header > *:not(:last-child) {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-card-header > *:not(:last-child) {
  padding-left: var(--ag-grid-size);
}

.ag-filter-card-heading {
  flex: 1 1;
  overflow: hidden;
  padding-top: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-ltr .ag-filter-card-heading {
  padding-left: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-filter-card-heading {
  padding-right: var(--ag-widget-horizontal-spacing);
}

.ag-filter-card-expand {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.ag-filter-card-title {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-filter-card-expand-icon {
  display: flex;
  flex: 1 1;
  justify-content: end;
}

.ag-filter-card-editing-icon {
  margin: 0 var(--ag-grid-size);
}

.ag-filter-card-summary,
.ag-filter-card-expand-icon .ag-icon,
.ag-filter-card-delete-icon .ag-icon,
.ag-filter-card-editing-icon .ag-icon {
  color: var(--ag-filter-panel-card-subtle-color);
}

.ag-filter-card-expand-icon .ag-icon,
.ag-filter-card-delete-icon .ag-icon {
  transition: color 0.25s ease-in-out;
}

.ag-filter-card-expand-icon:hover .ag-icon,
.ag-filter-card-delete-icon:hover .ag-icon {
  color: var(--ag-filter-panel-card-subtle-hover-color);
}

.ag-filter-card-heading:hover .ag-filter-card-expand-icon .ag-icon {
  color: var(--ag-filter-panel-card-subtle-hover-color);
}

.ag-filter-card-expand,
.ag-filter-card-delete {
  border-radius: var(--ag-button-border-radius);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.ag-filter-panel .ag-standard-button {
  cursor: pointer;
}

.ag-filter-card-summary,
.ag-filter-type-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-ltr .ag-filter-card-delete {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-filter-card-delete {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-filter-card-summary {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-filter-type-select {
  padding-top: var(--ag-widget-vertical-spacing);
}

.ag-filter-card-add {
  padding: 0;
  border: 0;
}

.ag-filter-add-button {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  line-height: 1.5;
}

.ag-ltr .ag-filter-add-button-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-add-button-label {
  margin-right: var(--ag-grid-size);
}

.ag-filter-add-select {
  border: 0;
}
.ag-ltr .ag-filter-add-select .ag-text-field-input {
  padding-left: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
}
.ag-rtl .ag-filter-add-select .ag-text-field-input {
  padding-right: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
}
.ag-filter-add-select .ag-rich-select-value {
  padding: calc((1.5 * var(--ag-font-size) + 4 * var(--ag-grid-size) - var(--ag-input-height)) / 2) var(--ag-grid-size);
  border: 0;
}

.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}

.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-column-select-header:focus-visible {
  outline: none;
}
.ag-column-select-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-header,
.ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}

.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}

.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}

.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell:focus-visible {
  outline: none;
}
.ag-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-group-cell:focus-visible {
  outline: none;
}
.ag-header-group-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}
.ag-advanced-filter-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-header-expand-icon {
  cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}

.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}
.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}

.ag-header-highlight-before::after,
.ag-header-highlight-after::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
}

.ag-header-highlight-before::after {
  left: 0px;
}

.ag-header-highlight-after::after {
  right: 0px;
}

.ag-pinned-left-header .ag-header-highlight-after::after {
  right: 1px;
}

.ag-header-cell-resize {
  display: flex;
  align-items: center;
}

.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}

.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}

.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
  align-items: unset;
}

.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-pagination-panel-height);
}
.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}
.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}

.ag-paging-button {
  cursor: pointer;
}

.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}

.ag-paging-button:focus-visible {
  outline: none;
}
.ag-paging-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-paging-button,
.ag-paging-description {
  margin: 0 var(--ag-grid-size);
}

.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}

.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}

.ag-status-bar-center {
  text-align: center;
}

.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
}

.ag-column-drop-cell:focus-visible {
  outline: none;
}
.ag-column-drop-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}

.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell-ghost {
  opacity: 0.5;
}

.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}

.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}

.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}

.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}

.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}

.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}

.ag-select-agg-func-virtual-list-item {
  cursor: default;
}
.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}

.ag-select-agg-func-virtual-list-item:focus-visible {
  outline: none;
}
.ag-select-agg-func-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-sort-indicator-container {
  display: flex;
}

.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}

.ag-chart {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
}

.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
}

.ag-chart-menu {
  position: absolute;
  top: 16px;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  position: relative;
  min-width: var(--ag-chart-menu-panel-width);
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  display: none;
}

.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  flex: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}
.ag-chart-settings-prev:focus-within,
.ag-chart-settings-next:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-radius: 1px;
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}

.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}

.ag-chart-advanced-settings-wrapper,
.ag-chart-advanced-settings {
  width: 100%;
}

.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}

.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
  display: flex;
  margin: 0;
}

.ag-chart-advanced-settings-section {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-chart-advanced-settings-section:not(:last-child) {
  border-bottom: 1px solid var(--ag-secondary-border-color);
}

.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--ag-background-color);
}

.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  display: flex;
  flex-direction: row;
  top: 8px;
  gap: 20px;
  width: auto;
}
.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}

.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}

.ag-charts-data-group-item {
  position: relative;
}

.ag-charts-data-group-item:not(:last-child) {
  margin-bottom: var(--ag-grid-size);
}

.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}

.ag-chart-menu-icon {
  opacity: 0.5;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}
.ag-chart-menu-icon:hover {
  opacity: 1;
}

.ag-chart-menu-toolbar-button {
  border: 0;
  background-color: unset;
  padding: 0 2px;
  border-radius: 1px;
}

.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
  padding: 1px;
}
.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
  border-width: 2px;
  padding: unset;
}
.ag-chart-mini-thumbnail:focus-visible {
  outline: none;
  border-color: var(--ag-minichart-selected-chart-color);
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}

.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}

.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  position: relative;
}

.ag-charts-advanced-settings-top-level-group-title-bar {
  position: relative;
  background-color: unset;
}

.ag-charts-data-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-data-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-format-top-level-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-format-top-level-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-data-group-title-bar .ag-charts-data-group-title,
.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
  cursor: pointer;
}

.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}
.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
  height: var(--ag-list-item-height);
}
.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
  margin-top: var(--ag-grid-size);
}
.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}
.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-charts-format-top-level-group-container,
.ag-charts-advanced-settings-top-level-group-container {
  padding: var(--ag-grid-size);
}
.ag-ltr .ag-charts-format-top-level-group-container,
.ag-ltr .ag-charts-advanced-settings-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-charts-format-top-level-group-container,
.ag-rtl .ag-charts-advanced-settings-top-level-group-container {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-charts-format-top-level-group-item,
.ag-charts-advanced-settings-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}

.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-no-header-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
  margin: 0;
}

.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
  grid-row-gap: 8px;
  row-gap: 8px;
  display: grid;
  grid-template-columns: 60px 1fr 60px 1fr 60px;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
  grid-column: 1;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
  grid-column: 3;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
  grid-column: 5;
}

.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}
.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}
.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}

.ag-date-time-list-page-column-label {
  text-align: center;
}

.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}

.ag-advanced-filter-buttons {
  display: contents;
}

.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
}
.ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}

.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-advanced-filter-builder {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}

.ag-advanced-filter-builder-list {
  flex: 1 1;
  overflow: auto;
}
.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}

.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
  position: absolute;
}

.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}

.ag-advanced-filter-builder-pill:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-pill:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-item-button:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-item-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}
.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}

.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}

.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}

.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}

.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}

.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}

.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}

.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}

.ag-row-number-cell {
  background-color: var(--ag-header-background-color);
  color: var(--ag-header-foreground-color);
  font-size: var(--ag-font-size);
  font-family: var(--ag-font-family);
}

.ag-row-number-header.ag-row-number-selection-enabled {
  cursor: cell;
}

.ag-row-number-range-highlight {
  background-color: var(--ag-range-header-highlight-color);
}

.ag-row-number-range-selected {
  background-color: var(--ag-row-numbers-selected-color);
}

.ag-ltr .ag-row-number-header,
.ag-ltr .ag-cell.ag-row-number-cell:not(.ag-cell-last-left-pinned) {
  border-right: var(--ag-pinned-column-border);
}
.ag-ltr .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
  cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik0zLjQ0NSw4LjkxMUwzLjQ0NSw3LjQwOUw5Ljc1LDcuNDA5TDkuNzUsNi4wMTRMMTIuMjg1LDguMTZMOS43NSwxMC4zMDZMOS43NSw4LjkxMUwzLjQ0NSw4LjkxMVoiIHN0eWxlPSJzdHJva2U6d2hpdGU7c3Ryb2tlLXdpZHRoOjAuNDFweDsiLz4KICAgIDwvZz4KPC9zdmc+Cg=="), auto;
}

.ag-rtl .ag-row-number-header,
.ag-rtl .ag-cell.ag-row-number-cell:not(.ag-cell-first-right-pinned) {
  border-left: var(--ag-pinned-column-border);
}
.ag-rtl .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
  cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik01Ljk3OSw4LjkxMUw1Ljk3OSwxMC4zMDZMMy40NDUsOC4xNkw1Ljk3OSw2LjAxNEw1Ljk3OSw3LjQwOUwxMi4yODUsNy40MDlMMTIuMjg1LDguOTExTDUuOTc5LDguOTExWiIgc3R5bGU9InN0cm9rZTp3aGl0ZTtzdHJva2Utd2lkdGg6MC40MXB4OyIvPgogICAgPC9nPgo8L3N2Zz4K"), auto;
}

.ag-cell-batch-edit {
  background-color: var(--ag-cell-batch-edit-background-color);
  color: var(--ag-cell-batch-edit-text-color);
}

.ag-cell.ag-cell-inline-editing {
  background-color: var(--ag-background-color);
  background-image: linear-gradient(0deg, var(--ag-input-background-color), var(--ag-input-background-color));
}

.ag-row-batch-edit {
  background-color: var(--ag-row-batch-edit-background-color);
  color: var(--ag-row-batch-edit-text-color);
}

.ag-input-field-input {
  width: 100%;
  min-width: 0;
}

.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-checkbox-input-wrapper input,
.ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-cell-editing-error .ag-checkbox-input-wrapper:focus-within, .ag-cell-editing-error .ag-checkbox-input-wrapper:active {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  font-family: inherit;
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-indeterminate::before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input,
.ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-cell-editing-error .ag-radio-button-input-wrapper:focus-within, .ag-cell-editing-error .ag-radio-button-input-wrapper:active {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]:focus {
  outline: none;
}
input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/ag-grid-community/styles/ag-theme-quartz.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "agGridQuartz";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABzUAAsAAAAAPOAAAByEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHItKBmAAjRIKzji/FAE2AiQDgmgLgTYABCAFhEYHhkYbvTNlQcDGAWDa/P0RReWoMyLZ4CzM/v9DcmNM9ACsi0AQwTQhDWHL4NqMdePeGClltMJGrLTuMvf8hbUCjZYozi+/kt8hj73YmUgga6cpdoxOuYO8dP+JaQTbuXjYIUloijx8vx/t3LdmbeMm1WYimFqntB1CpTGESKb9v9x638HCmehXAXZhkTPkJKLWVCkzKeo0RepMAmB4nLN/JYiH8oK0DK0ECl4meIXiOjFsG3ixicJS2AlT5sDuM2hnmsLNrLkDtn/0tuRkRicGfIEzqNhGN7sHIogaoiV8KfFjv01VM1x7MmtY5JQxt8fzlz7RJCQzoQA+CMplEG9Ju+zm+60UbqsDRJGVXMT8cnVBYr4Rb52fmdZnWkcWTl+zgpyIVAWW/0bA/+ksW8MR64IwB13o9VhT12lGYxh9yfZY9r6V53T7vCzDe9FqWUfkrQLMtX0OWMc6dgAroKLkPimaFG26qwN1dV2Kog08/O83K1QqoXA6IQTx+y5i6ScgyszSvHZRa2VxBDXYYv2oxMa+YTDdVKU9HmFKusZ9G8ZmDb1rXbWbhZIiAgLGf38QARSbuMSMvhs2hC6ZT28gB7m/Z4Cv0XHJP70PnjMD6rEoeD7lvMNOSM3GJ/8ix7M4Tt3+k+vLrc5HfXVefbA8KkZc/MSHYBJMJCBkCorBk9LKCpWGFRo9U47J4LLNbY40RCJzijXr0TRFCMwS3qU5G0Fu7CXF5uH+toR7fppUG0cmmiI4ARW7LlFxXivYksYg0NL7j/FYcAgoE2aK4izoMMM1NI0ykcCOBihcm7plTEhwKV2+cROYxPoJwmnXiH8At86g0KbQNeHN7V3hwKghRKabBbu4p+pVEEsCY8So2twPwRaICrS8R4bxQlrOmR75os/PGgGW4dIo7t7ly4FZ7J5U7/qHGrANYsCT3DbHIc8SAlm6RiJNByJYp/aiGkzf/P711/9AUUU301AE5dDQPM0+xA8FUqbwzfOfUyxiu3eP2IBhO61nXj1m4kUG2ERP6VIQ1g1XS6MoewUooVYlS070VUxylBU2a/C00Mrs3CZKxSOc+iIbj1H4+f5cgpAIdK8OM53xDWranJsd3VMtaxC+NWk7Mg5M58QighvRChpNAFNOxUpoQyuvhbGbRTPEJ6djV6Eo3WxsSpRHPmhEkK2j0JDdBZ1nYKKFyE+mdcgHXc4wt/uSCdFMkYdgQa6dvYWVT+8uo3/CB2Gs240siP1NlHSEplScfAmWZ05ffocHZcwbO6bTCvlRuxgOt4gBMXnveeWLE8EeQAeGZTPQHcMzLad8eZIBZ+MHKf5ZMtumqaERCKwxf7AuIPagipQ1dWwRL8ujZOCqqG60LyzDFaZksPEMpIqAVLLqEiLsMIHU160zmKzaH84GSr/jpzyQHnSH8Ont549/OiKBhMtxfwSLZ8gj+KslIzZgO1e2O9/IW1cCeUAO0Hw4yKXO3j3RHOwHeQNfDtCJKOdpg/cz9Nw7P7KejFRpcd9LH7LIpp8b3Jsh9OAt6Tj2RyBiTt/MYbPhlWUzRntbCieUILY11cLKlguDhfjx3Dy8fPxqLvs02OOFwuAIJAqNwd4wvnMCokgi+/qoNDoDxmSxOVweXyAUiSVSGUSuUKrUGq1ObzCazJCuQeS7v46X/J8/tKCbeCNOZZjNWlRxQJom9lpdrLaQrlAKyD3sVHeBlie0BByhIeAEWgBOohngFFoGTqNR4AzaBM6iYeAcmgPOo3HgIpoHLqFZ4DJaAa6gSeAqmgCuoTXgBhoBbqJp4BYaA26jVeAO2gDuoingHloE7qN14MHFWyAjijcFNDCBDdiBB3AAT+AELmDnHxAAISAMRIAoEAPiQAJIAikgDWSALJAD8kABKAIloAxU5JdbFf6qAXWgATSBlvyyakMvHaAL9IA+MACGwAgYAxNgCsyAObAAlvJ1s4LBrIENsAV2wB44AWfgAlyl6XXKtjR9TtmO0T2Af1WG2B7wcMGxn6WvK76su6n01BObpCnecokRuvzppfATTK4o9xQUhTGGBB0Km9wtsNskCAY5EKVWd11xLrG761Tjau4De0upxEsM/+MFkHouzsR0hBDQqy+dpXf9HeCuK2LCoAPQeSsLG/3wd9gyf3d74JyigsAPQGDX4pmnX2J5lLwnqR3xrgUiRKRoyo0h1C5iUwsWpBYu4Ph0NrtIyNQKrv5AepDfSm8Gt4JJc7WsLlh/lmVrwb1zdLvCcMSnQA8HNM0eMSF/mKNR+PwuwOKy2yAdO2q5uoV52WjyiVRfw9bbzcH9naCgmKVK2OCKh7iaQ1a56BWcr4hIWu4eB1PcQaPg+KVKdCQSVavPg0Idm6qrkMMXP39cv6TVFHwS0ikls4C8r1rY+6zLCEp581Sd+FQuv/17UXjmLpGcWGrNaRRgjwJR/Sat9+39OVpqRO/FQhwrq8JrkkTLcdlqVbWq4P//JQrkDe+gHP3t25VFa711SJwQA9GiaRSuYWzB5J+pE8Z9SUtsWyBmMNv0BdOExmdG/+Az0QpEN2eHkk0YrtLTmx/iZeYHfGv0mPGF+GN1ufWhdDd50v5SF3wvL4rXKf4wGd2QlyAXO+EUap05GLaI6+svHAxRO2RRxOJNV2SWJpxZy3tnjXD6D/LXLNrsrm+KR0YNOUlwHAUH0MNRZi75Y5pKOPU7mIP/nJFf252K4VEYmqE2jQKgsDUcCenTKVBj+Ixuk5hBVTcbCJolTbWQjkKdUSTs2zzz52627/epRTVN038wJKzbhwNay4dkQI6APoV/n7rDhYzjCivJnvkT6Pan4M9fFNG8cN5AVZTyF8zqPuJF3VKr4mn8N9XhP7wex3/0SUC/fT+nFASHYU6chXzjyuLqcke2Odq62znKkFVmxslAwxAt0Q14XOQba2HG8XkJnLNtYiqwjS+uLq63shaNbNN0HDPdpJELi5XeqAN1ShVSEkwHyjFp0eECy6OeqZ4JKb6+oymaLdG2zRDBhJQU5DxwbFmimk0hmzg6HoPjZBJNyChJ4qi7Ucnb/X4Tf749juL06r/VZIV4n6YOVVNH4Ng5S2CNMiUqBF1jtdQ7cON/JVLebnCDcpGX2wB3hC1aqCKwZGcULZfmzmn71LO1ssL2JGgUcVlcr3I6BBiBhPQOnKCYTsErlsV3bJEOotNEiTcTheMDTjp6yOjr3mCdW2Ye+feZKsAri0FzuKYim41eYx81B8NBgfhY1AT/pN7uV+2WYICPIrmQObCXOJ9+GImboSlI8mJ620MRoLH65yszjyRHbSK8Y0IPi+9a6FhL/eSLf2kJ1XrP/1E3XusMD3Zmv/uTUatchOWonYf+Xlpo7x89hybJOBzDExqOIhjHJEmQ9Hb6V/3kkobR/vZ060tTkCqu0/Yj/y53OweHM01148//ocRES06hkJlb8aEH5uBAuYtyYbaMPegzerpqJbgqd0WPVc1n1Q44NfUqbcJDWjkTxREFTn36acY5IuUhPEOGx9u1X/FKjxIAILQ7XGMhwpngvMvodHJz6vmdetMnxvnTrmjMjrJHJT0oNMAMPFhvKoMhElV0Puxr5LfJXtQzMQIADhadDIlzFoxiyYkX8dBYF+weH84khDjAnZpBScaTOyrM3ZzVneqONTe44hkKjV5fk/TbGk3lBu8SpGhvFtxscQNc8yQRbNkkP5DQ5mh6mYRwMS9O2i71OsUYBh0oCnfyzFW1lMIVEJlrgDmGn2BFpwc4TPz2vF0k17ESjHh4dDIVk1hp7fkBLt5Dy3Wf5TfPGa0Ke1In0RKqyCCzt9BVsS41zlOrKUNoHf++CPjCadkzOtlJixXzk+q9Mss660Ts2RDmmHGYsqN2dORkd30AZEAzh825qlot4aBrNovlYKTOaayDD3OOeOr3nRRk1eifHsthTqP57B62R9H0wJ/VpB8Q9Hxqb/NVyvvbrqiOzHzpoZR3OD49sFGoY49ppU0xl7gj7xXN/jWaqG+Vjsk5caKVgTU7jQtCq/Ad16N2KckFmIm9ULZEhsbkfzIbUFZSMthAy42LFaeJepaO8ny5D++uOlS3GbXkSr2gypo1dlybHRlej8BpTXdFuLrdRbmGTmnyycFznW3n7RAFYypxvIbCakKWk2cX5aTZxDfSBqJquQ1hpSQo3zdnLumUdepC3qUSxxaPEqOlhANUOJa/UAbOo+EtYR7LFxvnrK8NlFeLHZZ6CsVIza6UfKfAQQ7pLEZBP0OkC9MhbKCFQanTOVpVABTq+mW8G3bdsC21zXmmYqv5JeGRiR7Uq1sB9mZfW6TL9BW/roJy5Hjxa01e1VTFMX/zMBqFp3pAGvpq4yquChANEJSAwA6HHc47rmTz8B/yH/oX/506z7gnqYteyYBbZEi8DF7x7QXQGnmx9O0i9e4LcXo4TVuueyYN212eYnW92RRzUHhlemqXcdEoWEuuDlgaYx2k3UZtLCoJ4TTZVDn+WkoxNceYic3NQH6uaaLgakubffzbRsXMVuyxJY3L4jO7tachTVd+m72bPUzB6X0jsIPCngJFzKyVD7GK0vwbbbGcZs2clLf0a8ZXQA32BIXE1DB5v69RpBgCWLilefhDOLAw7uvqwENmbR3HrAK1UUsxug7dxKpoH87puGnoL5m6EHPezLyPv1ZiSVvJJJy7UdK0+2mOAq6c7ZU9uK5Mg2MUk1cV20YWleOzsMG/pHBfFCSzuNJmGpLYZqgVamFWxS3rTvfO+twrsiApJLFNGAmnbSovcVpfRbyKbOECz+xLjJBZt44yOSCkdSzwnzJRC+l161J8VO3t7IKy7iEA/oSy7aoTqQrkOzwCLF13fgG7rTFaic4YFFJDmgocKPBYEcDgjLMzZTIooR/cv4GQuBq7caAFaZkAwZPDtMaPj+v1z4Rq4bCL4+Pd5fjMdkK/5s3tOHZXTujHgYe8BqqxA5gaP3CbmQT0oEr2wHPmCdTiGjhb0GoW2Ox6vUcWpigmuSDnW9XhoinlFSkoEoLUiZNlZWhKUEgQmlpRloZuXgiusoGzxSkPxBybf8SotqmhVVG/Z9PybZ70R7FOw1ogsGY5nshgXZfWPdoHePIQ9q4D33ZPdPWY1xL4Q+murWcvgBwnZ0Hl5uffTn77fHNlW75f7u3M9GELNK2F0o7MzIFA58Du7CxyDBsjzboTgQcyMzvGXADKu0TjalxXU0PThJ3MTirDhqzp0GlWaQmDMykp++9XXNw2RpehNtExuZaWoY6Lr9y8qZ6jtlvvsdtrt8ecryucQHLXZ4XofPx5kQJsSWI7FXyd02t1+XnnweeXrdBcNwUwl69kT3Hj+X2+vFhR1MeP550TBeTGVPJ/i0WbDx1efHhvM5qL8mf27qs9rTDF33eoztYLkitQRsjMzAAHnbHfhNKvHYwQWNzCYVjPrhXU4FqIiPqCeoL6REjPy4/x1cpJmP6yMwO2YtuusIGnHW8nh9fF43btZ/dyg3H6vMDcsT9pXIMzjo5OjhSuxenTSo4MTuIUflXV6YHAvLGJshJl9ebYsyy8DA/GS/F5u5Okgjg/4vKisVnFemLuLbF7yqru+QmNunj001uHs+W7hF7n26G9k+sf320ytvzquiLeJ7NsxDJqzRfnOYXZjbbsCgVng+3hM7YczkxE0GbJw7qNmNWR6ztit7yzZudCm3NbLp53mL2H+GEGjnBtZznhcNQmdJ536nO76zwbi2L5zy8cv7trfyr8GxHpo3UWAaftJlapDpYmzqGPnaoHbAeqnYLvi80tj9prXnvniz11UkrKSOlHqfOiClbyy7iKTMtVR7Zs9fWj1doO8/lzLCublyQLybRJd9Y6pVtnhsiSeNlG8i3rQ1EWgzR/v3TNJU9KqpPSUubrpgqF8XHmGAx4iv2hGiex52OP6aVqIcXzYvA9J8p65ZOjVD0ek9yXOXavoDlp1Y7KJKf0ETbxqTeiMKbw1gn5v81HgqzZKWlrcpoPVibAI+aYeZyzoiSvZe7AE4sRmY098OEZCTGMkd1l5ez2RpXGnCQYIXCXx4OaZSEp3pLYCIl3WlVfb90WV8m9H7LH4354VWwzlfgp1bvQqc5rIm6915jzz5TpsysDTEfn8NKrjpRRIafIUSZzLOIUetBLt4TMlizJm5X5V7R6JW6p6+2t2nhBNCKJTfFeFlITGAjkGwUrZ5Xp+TPDJa5zQWEq/lvilE1ETVeGJLpDeTKdjeFTKxoHqw1bfZJL9kocYx03SfYB7i1J9tkqQwqCpXrLOzI/eUAyJ3tOD2TIV55N71jqpcEFSLSrByPZjEt9FJjm75+2WLLTiy93eESCYQoZ1Ukg9S9Iwo8e9lL6CMn+Vz5yXpCmoLmEXVg/cGmC+kH+B5cJ0/a29qkZvZ4y2Z9BS7moamz39Psu4P2NByPVkY4Zj8tsTVWYvg9qm+Z5QXmqHxDdEtM447WEOxUaw+ml0UgDe9EcdIkXUZ6v0EsQWdk0TmVneYKyoEaogfwBy5XpbaSFble5M5oJbXDXC5iHGLdKWFkmpyWDHuRmRJOJtAQ8uQslHMygfX0nEz0TJ411+5AF1IRBB0mchDow3sg1jpOHyeOmXRJcy/iEgCxejMwzZ5Eq0dJsfkDGTjc4c6fzxGHivGlugrzqYAn+2fxoqWfuwoXL5Hj+oYgPX1gW0jCX0wCP1zYKQf9h9jQ04HF26yonKJxRKnUm6gydexhc+MADcqVS0rPY5f3BtaawDj7k70vrEZw8cFgoh1JJC9Umxx4Kf9k+AheVyu3NQruaCCBC1F1rqSYnrdSc/EKgWZPEZiEJZ5GlQ6MKB0kCUyS+TDJMNGEmJ0HlX1DrcUpjQqf4a3iM31kBl+CFrJqAiPOHGJyZmCCEpogIyrVVBoMOD2JPBd0R6p3t25uPrgJOrccs8Mzewb/x448kk6ey4WlaqDFhjqaq2tvszQynkoLYfOLAT50C6Iq5wMlZKg1bIClclB6Q6u+fGpBOSnYm1X9OTX7WZec3hZeELV8eVhLxcctbvvK0wIeIx+4PoCT81SeipAk4Ig+8rD24/HO+A5fX9xx/mjMlj+Ea2CAai07bPaH4+nbcQEWT8K2gKTcwFv1Adt4nkM2NiZ3ixAbkEnyzg8+in515gpFQkJdHGasz6H/10zhTnyzR3sguKyfycgVQC2xvbbWf4qbyz4pYCpfdHvuserYlCtAqQSKmxuIhiY0vrgpNEmzrsdq37L1LPJrc6IIq3GJREdTCu4IqkMTf1mvJfcu17N2dyAdVgrtQg/nYxbop7HqQmjDCkHMEI4E1TBkgWXzfojs7F73P5w+dPfG886IGAm+wdns+wDTw0SPl5x8dOsEj9RmP7upa9u7h4FPXeNzVQTUEruKJNWbXSiX5ycvhtvkF89HSZf0ZUcuTtsH6gvpim+6MMIl35BartPQ/OeC2pOWRGadLVlhPBctybXYXlqqw7Mp4gR/PpnDRvp2l+fbdS7sz7IjCxVth+ob4lPgNrvXHj9e7tgdv3ZTFopK1j5gK3XSuOMtnuaJZv6mPSqZa0fiB6MDA+XfdZQWejdsJDzBrUChN6DwOxGAAbnI1poHjg4O0UC2kZmZ9ELrZWSK/wK6xkRgcHIck9HovnbowAZK4FoKXB2xTOQF41xsTXOLFWt7D2FxiZobYPx04QmMimWKXEOBlSqV15olRSkg9fGABs4T0WgMDDE6BXP1Yt5H/xRHpYAMm9ERM3wL6rjIxZ7FBbKG3FjUNdtnfMY3Y9tdUqxrbPAvKu5VffjAhl1KfnZYWIIqW4AHX23WBMb2KM7+7PuzTiE4cQQJ3Ol+8QAw8eV6Buz13B1pbz+GzOqMxI6mD2dyu5IARMqzfsaooNF8szg8tehJa7Ey+eOaeFH+GiiNFMlqkti0XFPLz2try+IWCO5L92tva+HmCwjsZ7hf+mAZWVrkeo6pKL3GokYmKBixCVuHcgEqcbqh4etEDaktdHm0YG39foKSGScbjEQb2TOGlaZtU8HnGuBvYHYvES1PBbn5fJA7JzQ0RS1emvzftZ28v/aYfVqZJxbnBIbnfyIUwrmf+f65Mk6RAaemkZBp/rfeiBwWGOP5eY5ww5zGvKLOC/+ko4wMZP4IxfP8Vl5pBR90yWFOq+++Qc5TXY+cwzmMvf+d1bpXPdgxZ28dZe9lod4CnD0/b2Nvk72ha1PhVvo2XTSWYOoZaOOoc5D500jf3dMkrxfc4XJ0f7HX0Lc9+Jn7LZQpTO59oos/njcL04VEBLqgCifzdLse/mKz5c9NzcbSRG//J5opFbfbIuAh1PA6UBPoJRkSYFlTuvtDbkNLEpiW1cCnlCJ3yBgdzCLMc23pTZhwAQVMAuqjPpfDiRTROk58R2bOXV9bTOAia3JU6P4POdf3cF8hX4mcLDLbshw5P8ny7Vn4r+0Rf8Fj+n90iaGGvZo5f62uXyS0bWR38DtbGVSO3MFrVwFiThhaMNByXhUm31/hg4Gm6UllYoGz4kSOPsI6QJySEnrc+H0o0NICN/6znbeqxK7JGOiVvUwGnBCFRURvJH6lNGrB5EK+zRI10nqUexFV6gKibrUZSAKg/XYW8X0g1yM17hCELs/I6BvT7uHSahyUHEP+8vhRJrka/Sp2ITLcNpXhktaQ1+nTPx8jFQGvFEU/26b/IAZ5pkdSOPNRlQO883diAvInT0OeHSxCjg49QF2IbxLNyruUtIRMp3kgsPIyOAX0IlxWIxIMawymvLJA8wJv/U6JYMuSp6qgIujvNe7ga9Z4wqHWjbemRn2Sm2/5H8NHBT3V74xI08j/mVogBAIosXny/6YT1RPxpg3r08bfx1QBQv8LNVIb/PIv9jZ8U/wvZ3eF/CuavvwEkLU4A88AWgJhBF0QB6wV3VWMBAtB2hIA7Qd+YL3ochHN6GTXgB33UQQAcspmhy8DeF4iDSoAAl7EFcIEM2LRADAiBX4yNp/czBKZ/jziQAj8xHkx/j3xgxTL+3fygxSoKuF8fxbsv2Yjev2Kdg5HHjYIf8xMleabi5fCcdnxHJBSj6IrTrUht/apaFZVwU7wzxRGFwEUU/kCrh7NqfHt6qsKAB8tNx9RH8e5LNoFT718xFjk8bRHEFmWZP/GNJfBLYypeDs+Q4SMQ9MpG0Zmn28FMbWy+6sasip1XuCnesRJIFkLGEcRs+wNtKA7nGnZ8e9pMVcGKg8US/5+YazP/y2RsM5ik0TkYnEwWF5ubhxfFcIKkaIbleEGUZEXVdMO0bMf1/CCM4iTN8qKs6qbt+mGc5kUQJUxkhaqabkxn88XStGxntd5sb4z/r1Nyv64Fa6OeaWhE+JJ6JtmhNWQxDOzZiK7bjfbzxNfy3IXu8WE/nhwqSuPJKG7T8pmgJs4tB5Yy+rvZMvoUc0NpaplUjFV0fcvxNrDCKfVsans2a99hsgO8kk6Om0eDvaGb4A3LFEw69y7FYeUDweTAfpK0X4uPg1o4x35uUsuJlQ6DJ8pBR4GN81SPG3P1jb9jv0HKY05pogUx4YxYSxMCX8AHsXIGe5hIg+hb1rVEPw2Xp6zKVHJVrR78aCC+Pms/mRanqcFQLR1f6EqY0GZAKaONvzGPTNuizkwFsbSBE2AbbixHmDwO54g0ziQI69ayY8hpUCi3Om4GZhqjNFG1gbk0b1soFWgOM0mc02L3doSuPLEqN9NEUTlOO4e30oDVOc6vhO9ETOLUAiixNm3zL7c0zvXReQUDNQggKHhgILhAAgsBzvAJJ7hC+QgayBDhBi1UcO8A);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-quartz,
.ag-theme-quartz-dark,
.ag-theme-quartz-auto-dark {
  --ag-active-color: #2196f3;
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%);
  --ag-tooltip-background-color: var(--ag-header-background-color);
  --ag-control-panel-background-color: var(--ag-header-background-color);
  --ag-subheader-background-color: transparent;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%);
  --ag-find-match-color: var(--ag-foreground-color);
  --ag-find-match-background-color: #ffff00;
  --ag-find-active-match-color: var(--ag-foreground-color);
  --ag-find-active-match-background-color: #ffa500;
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%);
  --ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
  --ag-input-focus-border-color: var(--ag-active-color);
  --ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%);
  --ag-input-error-focus-box-shadow: 0 0 0 3px
      color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 50%);
  --ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%);
  --ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%);
  --ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%);
  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-active-color) 50%);
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-active-color);
  --ag-range-selection-border-color: var(--ag-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%);
  --ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%);
  --ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%);
  --ag-input-disabled-border-color: var(--ag-border-color);
  --ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%);
  --ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%);
  --ag-chart-menu-label-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%);
  --ag-chart-menu-pill-select-button-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%);
  --ag-filter-panel-card-subtle-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%);
  --ag-borders: solid 1px;
  --ag-border-radius: 4px;
  --ag-wrapper-border-radius: 8px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 8px;
  --ag-icon-size: 16px;
  --ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25);
  --ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5);
  --ag-list-item-height: calc(
      var(--ag-icon-size) + var(--ag-widget-vertical-spacing)
  );
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-filter-tool-panel-group-indent: var(--ag-grid-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-toggle-button-border-width: 2px;
  --ag-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
      Cantarell, "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-icon-font-family: agGridQuartz;
  --ag-tab-min-width: 290px;
  --ag-chart-menu-panel-width: 260px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
  --ag-side-bar-panel-width: 250px;
  --ag-filter-panel-apply-button-color: var(--ag-background-color);
  --ag-filter-panel-apply-button-background-color: var(--ag-active-color);
}

.ag-theme-quartz-dark {
  --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
  --ag-foreground-color: #fff;
  --ag-border-color: rgba(255, 255, 255, 0.16);
  --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
  --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-input-disabled-background-color: #68686e12;
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-selected-row-background-color: var(--ag-row-hover-color);
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-find-match-color: var(--ag-background-color);
  --ag-find-active-match-color: var(--ag-background-color);
  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
  --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  --ag-cell-batch-edit-text-color: #f3d0b3;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-quartz-auto-dark {
    --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
    --ag-foreground-color: #fff;
    --ag-border-color: rgba(255, 255, 255, 0.16);
    --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
    --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-input-disabled-background-color: #68686e12;
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-input-border-color: var(--ag-border-color);
    --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
    --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
    --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
    --ag-selected-row-background-color: var(--ag-row-hover-color);
    --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-find-match-color: var(--ag-background-color);
    --ag-find-active-match-color: var(--ag-background-color);
    --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
    --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    --ag-cell-batch-edit-text-color: #f3d0b3;
    color-scheme: dark;
  }
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz .ag-header-row,
.ag-theme-quartz .ag-row-number-cell,
.ag-theme-quartz .ag-panel-title-bar-title,
.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz .ag-filter-card-title,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-dark .ag-header-row,
.ag-theme-quartz-dark .ag-row-number-cell,
.ag-theme-quartz-dark .ag-panel-title-bar-title,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-filter-card-title,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-header-row,
.ag-theme-quartz-auto-dark .ag-row-number-cell,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-title,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-filter-card-title {
  font-weight: 500;
  color: var(--ag-header-foreground-color);
}
.ag-theme-quartz input[class^=ag-]:not([type]),
.ag-theme-quartz input[class^=ag-][type=text],
.ag-theme-quartz input[class^=ag-][type=number],
.ag-theme-quartz input[class^=ag-][type=tel],
.ag-theme-quartz input[class^=ag-][type=date],
.ag-theme-quartz input[class^=ag-][type=datetime-local],
.ag-theme-quartz textarea[class^=ag-],
.ag-theme-quartz-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-dark input[class^=ag-][type=text],
.ag-theme-quartz-dark input[class^=ag-][type=number],
.ag-theme-quartz-dark input[class^=ag-][type=tel],
.ag-theme-quartz-dark input[class^=ag-][type=date],
.ag-theme-quartz-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-dark textarea[class^=ag-],
.ag-theme-quartz-auto-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-auto-dark input[class^=ag-][type=text],
.ag-theme-quartz-auto-dark input[class^=ag-][type=number],
.ag-theme-quartz-auto-dark input[class^=ag-][type=tel],
.ag-theme-quartz-auto-dark input[class^=ag-][type=date],
.ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-ltr textarea[class^=ag-], .ag-theme-quartz-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-ltr textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-rtl textarea[class^=ag-], .ag-theme-quartz-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-rtl textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-picker-field-wrapper,
.ag-theme-quartz-dark .ag-picker-field-wrapper,
.ag-theme-quartz-auto-dark .ag-picker-field-wrapper {
  min-height: calc(var(--ag-grid-size) * 4);
}
.ag-theme-quartz .ag-tab,
.ag-theme-quartz-dark .ag-tab,
.ag-theme-quartz-auto-dark .ag-tab {
  padding: var(--ag-grid-size);
  border-left: var(--ag-borders) transparent;
  border-right: var(--ag-borders) transparent;
  flex: 1 1 auto;
}
.ag-theme-quartz .ag-tab-selected,
.ag-theme-quartz-dark .ag-tab-selected,
.ag-theme-quartz-auto-dark .ag-tab-selected {
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) {
  border-left-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) {
  border-right-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) {
  border-right-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) {
  border-left-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) {
  opacity: 0.7;
}
.ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover {
  opacity: 1;
}
.ag-theme-quartz .ag-menu,
.ag-theme-quartz-dark .ag-menu,
.ag-theme-quartz-auto-dark .ag-menu {
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-menu-header,
.ag-theme-quartz-dark .ag-menu-header,
.ag-theme-quartz-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-menu-option,
.ag-theme-quartz-dark .ag-menu-option,
.ag-theme-quartz-auto-dark .ag-menu-option {
  font-weight: 500;
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon {
  text-align: right;
}

.ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon {
  text-align: left;
}

.ag-theme-quartz .ag-tabs-header,
.ag-theme-quartz-dark .ag-tabs-header,
.ag-theme-quartz-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  display: flex;
  background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
}
.ag-theme-quartz .ag-side-bar,
.ag-theme-quartz-dark .ag-side-bar,
.ag-theme-quartz-auto-dark .ag-side-bar {
  background-color: var(--ag-control-panel-background-color);
  min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-side-buttons,
.ag-theme-quartz-dark .ag-side-buttons,
.ag-theme-quartz-auto-dark .ag-side-buttons {
  padding: 0;
  align-self: stretch;
  width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  background: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-side-button,
.ag-theme-quartz-dark .ag-side-button,
.ag-theme-quartz-auto-dark .ag-side-button {
  border-top: var(--ag-borders) transparent;
  border-bottom: var(--ag-borders) transparent;
}
@media (-webkit-max-device-pixel-ratio: 1.5), (max-resolution: 1.5x) {
  .ag-theme-quartz .ag-side-button-label,
  .ag-theme-quartz-dark .ag-side-button-label,
  .ag-theme-quartz-auto-dark .ag-side-button-label {
    font-family: "Segoe UI", var(--ag-font-family);
    transform: rotate(0.05deg);
  }
}
.ag-theme-quartz .ag-side-button.ag-selected,
.ag-theme-quartz-dark .ag-side-button.ag-selected,
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected {
  border-bottom-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) {
  border-top-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-column-panel-column-select,
.ag-theme-quartz-dark .ag-column-panel-column-select,
.ag-theme-quartz-auto-dark .ag-column-panel-column-select {
  border-top: none;
  border-bottom: 1px solid var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search {
  height: initial;
  margin-top: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-filter-toolpanel-search-input,
.ag-theme-quartz-dark .ag-filter-toolpanel-search-input,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input {
  margin: 0;
}
.ag-theme-quartz .ag-filter-apply-panel,
.ag-theme-quartz-dark .ag-filter-apply-panel,
.ag-theme-quartz-auto-dark .ag-filter-apply-panel {
  border: none;
  padding-top: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-tabbed-menu-body,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body {
  position: relative;
}
.ag-theme-quartz .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 16px;
  background: linear-gradient(var(--ag-control-panel-background-color), transparent);
}
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  border-top: none;
  font-weight: 500;
}
.ag-theme-quartz .ag-chart-mini-thumbnail,
.ag-theme-quartz-dark .ag-chart-mini-thumbnail,
.ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
  margin-top: 0;
  margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-settings-nav-bar,
.ag-theme-quartz-dark .ag-chart-settings-nav-bar,
.ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
  background: none;
  font-weight: 500;
}
.ag-theme-quartz .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar) {
  color: var(--ag-chart-menu-label-color);
}
.ag-theme-quartz .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label-align-top .ag-label {
  margin-top: calc(var(--ag-widget-vertical-spacing) * 0.5);
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label {
  margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-data-section label,
.ag-theme-quartz .ag-chart-format-section label,
.ag-theme-quartz-dark .ag-chart-data-section label,
.ag-theme-quartz-dark .ag-chart-format-section label,
.ag-theme-quartz-auto-dark .ag-chart-data-section label,
.ag-theme-quartz-auto-dark .ag-chart-format-section label {
  display: inline-block;
}
.ag-theme-quartz .ag-chart-format-wrapper,
.ag-theme-quartz .ag-chart-data-wrapper,
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-format-top-level-group-item,
.ag-theme-quartz .ag-charts-format-sub-level-group,
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-chart-format-wrapper,
.ag-theme-quartz-dark .ag-chart-data-wrapper,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-chart-format-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-data-wrapper,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  padding: 0;
  margin: 0;
}
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-data-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-data-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-data-group {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group .ag-charts-settings-group-container {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding: var(--ag-widget-vertical-spacing) 0;
}
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container {
  padding-top: var(--ag-widget-vertical-spacing);
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-charts-data-group-item,
.ag-theme-quartz-dark .ag-charts-data-group-item,
.ag-theme-quartz-auto-dark .ag-charts-data-group-item {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-dark .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-settings-mini-wrapper {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-advanced-settings-section,
.ag-theme-quartz-dark .ag-chart-advanced-settings-section,
.ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section {
  padding-top: var(--ag-widget-container-vertical-padding);
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-container {
  margin: 0;
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item {
  margin-top: calc(var(--ag-widget-vertical-spacing) * 2);
  margin-bottom: 0;
}
.ag-theme-quartz .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-spectrum-color,
.ag-theme-quartz .ag-spectrum-fill,
.ag-theme-quartz-dark .ag-spectrum-color,
.ag-theme-quartz-dark .ag-spectrum-fill,
.ag-theme-quartz-auto-dark .ag-spectrum-color,
.ag-theme-quartz-auto-dark .ag-spectrum-fill {
  border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-spectrum-dragger,
.ag-theme-quartz-dark .ag-spectrum-dragger,
.ag-theme-quartz-auto-dark .ag-spectrum-dragger {
  border-radius: 18px;
  height: 18px;
  width: 18px;
  border: 3px solid white;
}
.ag-theme-quartz .ag-spectrum-tools,
.ag-theme-quartz-dark .ag-spectrum-tools,
.ag-theme-quartz-auto-dark .ag-spectrum-tools {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.ag-theme-quartz .ag-spectrum-tool,
.ag-theme-quartz-dark .ag-spectrum-tool,
.ag-theme-quartz-auto-dark .ag-spectrum-tool {
  height: 12px;
}
.ag-theme-quartz .ag-spectrum-hue-background,
.ag-theme-quartz .ag-spectrum-alpha-background,
.ag-theme-quartz-dark .ag-spectrum-hue-background,
.ag-theme-quartz-dark .ag-spectrum-alpha-background,
.ag-theme-quartz-auto-dark .ag-spectrum-hue-background,
.ag-theme-quartz-auto-dark .ag-spectrum-alpha-background {
  border-radius: 12px;
}
.ag-theme-quartz .ag-spectrum-slider,
.ag-theme-quartz-dark .ag-spectrum-slider,
.ag-theme-quartz-auto-dark .ag-spectrum-slider {
  margin-top: -15px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  border: 3px solid rgb(248, 248, 248);
}
.ag-theme-quartz .ag-recent-colors,
.ag-theme-quartz-dark .ag-recent-colors,
.ag-theme-quartz-auto-dark .ag-recent-colors {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  margin-bottom: 2px;
}
.ag-theme-quartz .ag-color-input-color,
.ag-theme-quartz .ag-color-picker-color,
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-color-input-color,
.ag-theme-quartz-dark .ag-color-picker-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-color-input-color,
.ag-theme-quartz-auto-dark .ag-color-picker-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
  border-radius: 4px;
}
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz.ag-dnd-ghost,
.ag-theme-quartz-dark.ag-dnd-ghost,
.ag-theme-quartz-auto-dark.ag-dnd-ghost {
  font-weight: 500;
}
.ag-theme-quartz .ag-standard-button,
.ag-theme-quartz-dark .ag-standard-button,
.ag-theme-quartz-auto-dark .ag-standard-button {
  font-family: inherit;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: solid 1px var(--ag-input-border-color);
  background-color: var(--ag-background-color);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  cursor: pointer;
}
.ag-theme-quartz .ag-standard-button:hover,
.ag-theme-quartz-dark .ag-standard-button:hover,
.ag-theme-quartz-auto-dark .ag-standard-button:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-theme-quartz .ag-standard-button:active,
.ag-theme-quartz-dark .ag-standard-button:active,
.ag-theme-quartz-auto-dark .ag-standard-button:active {
  border-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-standard-button:disabled,
.ag-theme-quartz-dark .ag-standard-button:disabled,
.ag-theme-quartz-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-quartz .ag-column-drop-cell,
.ag-theme-quartz-dark .ag-column-drop-cell,
.ag-theme-quartz-auto-dark .ag-column-drop-cell {
  border-radius: calc(var(--ag-grid-size) * 3);
  height: calc(var(--ag-grid-size) * 3);
  padding: 0 var(--ag-grid-size);
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  min-width: 0;
  margin: 0;
}
.ag-theme-quartz .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-dark .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle {
  margin-left: 0;
}
.ag-theme-quartz .ag-column-drop-vertical,
.ag-theme-quartz-dark .ag-column-drop-vertical,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-quartz .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-dark .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar {
  padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0;
}
.ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon {
  margin-left: 0;
  margin-right: var(--ag-widget-horizontal-spacing);
}

.ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon {
  margin-right: 0;
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-theme-quartz .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-dark .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  justify-content: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-column-drop-empty-message,
.ag-theme-quartz-dark .ag-column-drop-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
}
.ag-theme-quartz .ag-pill-select .ag-column-drop,
.ag-theme-quartz-dark .ag-pill-select .ag-column-drop,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display {
  font-weight: 500;
  color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-icon .ag-icon {
  color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-quartz .ag-status-name-value,
.ag-theme-quartz-dark .ag-status-name-value,
.ag-theme-quartz-auto-dark .ag-status-name-value {
  padding: var(--ag-widget-container-vertical-padding) 0;
}
.ag-theme-quartz .ag-status-name-value-value,
.ag-theme-quartz .ag-paging-number,
.ag-theme-quartz .ag-paging-row-summary-panel-number,
.ag-theme-quartz-dark .ag-status-name-value-value,
.ag-theme-quartz-dark .ag-paging-number,
.ag-theme-quartz-dark .ag-paging-row-summary-panel-number,
.ag-theme-quartz-auto-dark .ag-status-name-value-value,
.ag-theme-quartz-auto-dark .ag-paging-number,
.ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 500;
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  opacity: 0.75;
}
.ag-theme-quartz .ag-column-drop-cell-button:hover,
.ag-theme-quartz-dark .ag-column-drop-cell-button:hover,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 1;
}
.ag-theme-quartz .ag-header-cell-menu-button,
.ag-theme-quartz .ag-header-cell-filter-button,
.ag-theme-quartz .ag-panel-title-bar-button,
.ag-theme-quartz .ag-header-expand-icon,
.ag-theme-quartz .ag-column-group-icons,
.ag-theme-quartz .ag-set-filter-group-icons,
.ag-theme-quartz .ag-group-expanded .ag-icon,
.ag-theme-quartz .ag-group-contracted .ag-icon,
.ag-theme-quartz .ag-chart-settings-prev,
.ag-theme-quartz .ag-chart-settings-next,
.ag-theme-quartz .ag-group-title-bar-icon,
.ag-theme-quartz .ag-column-select-header-icon,
.ag-theme-quartz .ag-floating-filter-button-button,
.ag-theme-quartz .ag-filter-toolpanel-expand,
.ag-theme-quartz .ag-panel-title-bar-button-icon,
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-header-cell-menu-button,
.ag-theme-quartz-dark .ag-header-cell-filter-button,
.ag-theme-quartz-dark .ag-panel-title-bar-button,
.ag-theme-quartz-dark .ag-header-expand-icon,
.ag-theme-quartz-dark .ag-column-group-icons,
.ag-theme-quartz-dark .ag-set-filter-group-icons,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-dark .ag-chart-settings-prev,
.ag-theme-quartz-dark .ag-chart-settings-next,
.ag-theme-quartz-dark .ag-group-title-bar-icon,
.ag-theme-quartz-dark .ag-column-select-header-icon,
.ag-theme-quartz-dark .ag-floating-filter-button-button,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button,
.ag-theme-quartz-auto-dark .ag-header-expand-icon,
.ag-theme-quartz-auto-dark .ag-column-group-icons,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev,
.ag-theme-quartz-auto-dark .ag-chart-settings-next,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
}
.ag-theme-quartz .ag-header-cell-menu-button:hover,
.ag-theme-quartz .ag-header-cell-filter-button:hover,
.ag-theme-quartz .ag-panel-title-bar-button:hover,
.ag-theme-quartz .ag-header-expand-icon:hover,
.ag-theme-quartz .ag-column-group-icons:hover,
.ag-theme-quartz .ag-set-filter-group-icons:hover,
.ag-theme-quartz .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz .ag-chart-settings-prev:hover,
.ag-theme-quartz .ag-chart-settings-next:hover,
.ag-theme-quartz .ag-group-title-bar-icon:hover,
.ag-theme-quartz .ag-column-select-header-icon:hover,
.ag-theme-quartz .ag-floating-filter-button-button:hover,
.ag-theme-quartz .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz .ag-chart-menu-icon:hover,
.ag-theme-quartz-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-dark .ag-column-group-icons:hover,
.ag-theme-quartz-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-dark .ag-chart-menu-icon:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-auto-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover {
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-hover-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color);
}
.ag-theme-quartz .ag-filter-active,
.ag-theme-quartz-dark .ag-filter-active,
.ag-theme-quartz-auto-dark .ag-filter-active {
  --ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%);
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%);
  position: relative;
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-active-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color);
}
.ag-theme-quartz .ag-filter-active::after,
.ag-theme-quartz-dark .ag-filter-active::after,
.ag-theme-quartz-auto-dark .ag-filter-active::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: -1px;
  right: -1px;
  border-radius: 50%;
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-dark .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter {
  -webkit-clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");
          clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");
}
.ag-theme-quartz .ag-chart-menu,
.ag-theme-quartz-dark .ag-chart-menu,
.ag-theme-quartz-auto-dark .ag-chart-menu {
  --ag-icon-size: 20px;
  background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%);
  padding: 4px 2px;
}
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
  opacity: 0.8;
}
.ag-theme-quartz .ag-drag-handle,
.ag-theme-quartz-dark .ag-drag-handle,
.ag-theme-quartz-auto-dark .ag-drag-handle {
  color: var(--ag-icon-font-color);
}
.ag-theme-quartz .ag-menu-option-icon,
.ag-theme-quartz .ag-compact-menu-option-icon,
.ag-theme-quartz-dark .ag-menu-option-icon,
.ag-theme-quartz-dark .ag-compact-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-icon, .ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-rtl .ag-menu-option-icon, .ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-quartz .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-body {
  padding-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-body {
  padding-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  margin-left: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  margin-right: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-quartz .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 {
  border-top: none;
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header {
  height: initial;
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-theme-quartz .ag-filter-toolpanel-group-item,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-item,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item {
  margin: 0;
}
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-quartz .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-advanced-filter-builder-button,
.ag-theme-quartz-dark .ag-advanced-filter-builder-button,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}
.ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz .ag-disabled .ag-icon,
.ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz [disabled] .ag-icon,
.ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-dark .ag-disabled .ag-icon,
.ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-dark [disabled] .ag-icon,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-auto-dark [disabled] .ag-icon {
  opacity: 0.6;
}
.ag-theme-quartz .ag-icon-grip,
.ag-theme-quartz-dark .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-icon-grip {
  opacity: 0.7;
}
.ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-add-select .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-add-select .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-add-select .ag-input-wrapper::before {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==");
  background-position: 50% 50%;
  background-size: contain;
  opacity: 40%;
  content: "";
  filter: var(--ag-icon-filter);
}
.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-add-select .ag-input-wrapper::before {
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-add-select .ag-input-wrapper::before {
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-add-select input.ag-number-field-input {
  padding-left: 26px;
}

.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-add-select input.ag-number-field-input {
  padding-right: 26px;
}

.ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-text-field-input[disabled],
.ag-theme-quartz .ag-menu-option-disabled,
.ag-theme-quartz-dark .ag-text-field-input[disabled],
.ag-theme-quartz-dark .ag-menu-option-disabled,
.ag-theme-quartz-auto-dark .ag-text-field-input[disabled],
.ag-theme-quartz-auto-dark .ag-menu-option-disabled {
  cursor: not-allowed;
}
.ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled {
  --ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color);
}
.ag-theme-quartz .ag-checkbox-input,
.ag-theme-quartz .ag-toggle-button-input,
.ag-theme-quartz .ag-radio-button-input,
.ag-theme-quartz input[class^=ag-][type=range],
.ag-theme-quartz-dark .ag-checkbox-input,
.ag-theme-quartz-dark .ag-toggle-button-input,
.ag-theme-quartz-dark .ag-radio-button-input,
.ag-theme-quartz-dark input[class^=ag-][type=range],
.ag-theme-quartz-auto-dark .ag-checkbox-input,
.ag-theme-quartz-auto-dark .ag-toggle-button-input,
.ag-theme-quartz-auto-dark .ag-radio-button-input,
.ag-theme-quartz-auto-dark input[class^=ag-][type=range] {
  cursor: pointer;
}
.ag-theme-quartz .ag-details-row,
.ag-theme-quartz-dark .ag-details-row,
.ag-theme-quartz-auto-dark .ag-details-row {
  padding: calc(var(--ag-grid-size) * 3.75);
}
.ag-theme-quartz .ag-list-item-hovered::after,
.ag-theme-quartz-dark .ag-list-item-hovered::after,
.ag-theme-quartz-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-dark .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-active-color);
}
.ag-theme-quartz .ag-header-highlight-before::after,
.ag-theme-quartz .ag-header-highlight-after::after,
.ag-theme-quartz-dark .ag-header-highlight-before::after,
.ag-theme-quartz-dark .ag-header-highlight-after::after,
.ag-theme-quartz-auto-dark .ag-header-highlight-before::after,
.ag-theme-quartz-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-active-color);
}

.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before {
  opacity: 66%;
  filter: invert(100%);
}
.ag-theme-quartz-dark .ag-chart-menu {
  background-color: color-mix(in srgb, rgba(24, 39, 50, 0.3), var(--ag-background-color) 30%);
}
.ag-theme-quartz-dark .ag-text-field-input::placeholder {
  color: var(--ag-data-color);
  opacity: 0.8;
}