/**
 * Prodikt Design System Theme - CSS Custom Properties
 * Centralized colors and design tokens as CSS variables
 */

:root {
  /* Primary Prodikt green colors */
  --color-primary-50: #e6f9f3;
  --color-primary-100: #c1f0e1;
  --color-primary-200: #98e6cd;
  --color-primary-300: #6fdcb9;
  --color-primary-400: #50d5aa;
  --color-primary-500: #1fbf88;
  --color-primary-600: #1bb380;
  --color-primary-700: #17a575;
  --color-primary-800: #12976b;
  --color-primary-900: #0a7b58;

  /* Accent colors */
  --color-accent-border: #c6d5d6;
  --color-accent-bg: #eaf2f2;
  --color-accent-primary: #1a5765;
  --color-accent-hover: #60757e;

  /* Neutral/Gray colors */
  --color-gray-50: #fafafa;
  --color-gray-100: #f5f5f5;
  --color-gray-200: #eeeeee;
  --color-gray-300: #e0e0e0;
  --color-gray-400: #bdbdbd;
  --color-gray-500: #9e9e9e;
  --color-gray-600: #757575;
  --color-gray-700: #616161;
  --color-gray-800: #424242;
  --color-gray-900: #212121;

  /* Semantic colors - Success */
  --color-success-light: #c8e6c9;
  --color-success-main: #1fbf88;
  --color-success-dark: #2e7d32;

  /* Semantic colors - Error */
  --color-error-light: #ffcdd2;
  --color-error-main: #ef5350;
  --color-error-dark: #d32f2f;

  /* Semantic colors - Warning */
  --color-warning-light: #ffe0b2;
  --color-warning-main: #ff9800;
  --color-warning-dark: #ef6c00;

  /* Semantic colors - Info */
  --color-info-light: #b3e5fc;
  --color-info-main: #2e9b9b;
  --color-info-dark: #1d6f6f;

  /* Background colors */
  --color-background-primary: #ffffff;
  --color-background-secondary: #f5f5f5;
  --color-background-tertiary: #eeeeee;
  --color-background-dark: #5A8A8A;
  --color-background-darker: #496F6F;

  /* Text colors */
  --color-text-primary: #1a2d36;
  --color-text-secondary: #888888;
  --color-text-tertiary: #757575;
  --color-text-detail-value: #111827;
  --color-text-disabled: #bdbdbd;
  --color-text-placeholder: #9e9e9e;
  --color-text-inverse: #ffffff;

  /* Label colors */
  --color-label-bg: #CFDEDE;
  --color-label-text: #1A2D36;
  --color-label-border: #BDD0D1;

  /* Border colors */
  --color-border-light: #e0e0e0;
  --color-border-main: #bdbdbd;
  --color-border-dark: #757575;

  /* Font families */
  --font-family-primary: 'Mulish-Regular', sans-serif;
  --font-family-bold: 'Mulish-Bold', sans-serif;
  --font-family-mono: 'Roboto Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;

  /* Font sizes */
  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-base: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 28px;
  --font-size-4xl: 32px;

  /* Font weights */
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Line heights */
  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

  /* Spacing */
  --spacing-0: 0px;
  --spacing-1: 2px;
  --spacing-2: 4px;
  --spacing-3: 6px;
  --spacing-4: 8px;
  --spacing-5: 10px;
  --spacing-6: 12px;
  --spacing-8: 16px;
  --spacing-10: 20px;
  --spacing-12: 24px;
  --spacing-16: 32px;
  --spacing-20: 40px;
  --spacing-24: 48px;

  /* Border radius */
  --border-radius-none: 0px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-xxl: 16px;
  --border-radius-xxxl: 20px;
  --border-radius-full: 9999px;

  /* Shadows */
  --shadow-none: none;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-card: 0px 0px 8px 0px rgba(0, 30, 30, 0.25);
  --shadow-card-hover: 0px 4px 12px 0px rgba(0, 30, 30, 0.25);
  --shadow-project-card: rgba(0, 0, 0, 0.2) 0 0 5px 2px;
  --shadow-project-card-hover: rgba(0, 0, 0, 0.3) 0 4px 12px 4px;
  --shadow-image-inset: inset 0px 0px 20px -10px #c6d5d6, inset 0px 0px 1px 0px #c6d5d6;
  --shadow-popover: 0 4px 12px rgba(0, 0, 0, 0.15);
  --shadow-dropdown: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-input: rgba(26, 45, 54, 0.1) 0 3px 8px 0;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.2s ease;
  --transition-slow: 0.3s ease;
  --transition-smooth: 0.5s cubic-bezier(0.6, 0, 0.15, 1);

  /* Easings */
  --easing-default: cubic-bezier(0.6, 0, 0.15, 1);
}

/**
 * CustomButton Styles
 * Uses CSS custom properties from @prodikt/theme
 */

.CustomButton-module__button--p5YQV {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-xxxl);
  cursor: pointer;
  transition: var(--transition-fast);
  outline: none;
}

.CustomButton-module__button--p5YQV:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}

.CustomButton-module__buttonDisabled--bssTJ {
  cursor: not-allowed;
}

.CustomButton-module__buttonFullWidth--IJ6Iz {
  width: 100%;
}

.CustomButton-module__buttonNoRadius--SGM8Y {
  border-radius: 0 !important;
}

.CustomButton-module__buttonNoBoxShadow--yMOu7 {
  box-shadow: none !important;
}

/* Size variants */
.CustomButton-module__buttonSmall--RZrJJ {
  padding: var(--spacing-2) var(--spacing-12);
  font-size: var(--font-size-base);
  height: 36px;
  min-height: 36px;
}

.CustomButton-module__buttonMedium--i_RXI {
  padding: var(--spacing-3) var(--spacing-12);
  font-size: var(--font-size-md);
  height: 48px;
  min-height: 48px;
}

.CustomButton-module__buttonLarge--sWORj {
  padding: var(--spacing-4) var(--spacing-12);
  font-size: var(--font-size-lg);
  height: 56px;
  min-height: 56px;
}

/* Variant styles - Primary */
.CustomButton-module__buttonPrimary--WAoEa {
  background-color: var(--color-primary-500);
  color: var(--color-background-primary);
  border: none;
}

.CustomButton-module__buttonPrimary--WAoEa:hover:not(.CustomButton-module__buttonDisabled--bssTJ) {
  background-color: var(--color-primary-600);
}

.CustomButton-module__buttonPrimary--WAoEa:active:not(.CustomButton-module__buttonDisabled--bssTJ) {
  background-color: var(--color-primary-700);
}

.CustomButton-module__buttonPrimary--WAoEa.CustomButton-module__buttonDisabled--bssTJ {
  background-color: var(--color-gray-300);
  color: var(--color-gray-500);
}

/* Variant styles - Secondary */
.CustomButton-module__buttonSecondary--BLuLL {
  background-color: var(--color-gray-200);
  color: var(--color-text-primary);
  border: none;
}

.CustomButton-module__buttonSecondary--BLuLL:hover:not(.CustomButton-module__buttonDisabled--bssTJ) {
  background-color: var(--color-gray-300);
}

.CustomButton-module__buttonSecondary--BLuLL:active:not(.CustomButton-module__buttonDisabled--bssTJ) {
  background-color: var(--color-gray-400);
}

.CustomButton-module__buttonSecondary--BLuLL.CustomButton-module__buttonDisabled--bssTJ {
  background-color: var(--color-gray-100);
  color: var(--color-gray-400);
}

/* Variant styles - Outline */
.CustomButton-module__buttonOutline--PBBWd {
  background-color: transparent;
  color: var(--color-primary-500);
  border: 1px solid var(--color-primary-500);
}

.CustomButton-module__buttonOutline--PBBWd:hover:not(.CustomButton-module__buttonDisabled--bssTJ) {
  background-color: var(--color-primary-50);
}

.CustomButton-module__buttonOutline--PBBWd:active:not(.CustomButton-module__buttonDisabled--bssTJ) {
  background-color: var(--color-primary-100);
}

.CustomButton-module__buttonOutline--PBBWd.CustomButton-module__buttonDisabled--bssTJ {
  background-color: transparent;
  color: var(--color-gray-400);
  border: 1px solid var(--color-gray-300);
}

/* Variant styles - Ghost */
.CustomButton-module__buttonGhost--Rwe9c {
  background-color: transparent;
  color: var(--color-text-primary);
  border: none;
}

.CustomButton-module__buttonGhost--Rwe9c:hover:not(.CustomButton-module__buttonDisabled--bssTJ) {
  background-color: var(--color-gray-100);
}

.CustomButton-module__buttonGhost--Rwe9c:active:not(.CustomButton-module__buttonDisabled--bssTJ) {
  background-color: var(--color-gray-200);
}

.CustomButton-module__buttonGhost--Rwe9c.CustomButton-module__buttonDisabled--bssTJ {
  background-color: transparent;
  color: var(--color-gray-400);
}

/**
 * CustomCheckbox Styles
 * Uses CSS custom properties from @prodikt/theme
 */

.CustomCheckbox-module__wrapper--K4Zg3 {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  cursor: pointer;
  font-family: var(--font-family-primary);
}

.CustomCheckbox-module__wrapperDisabled--JjX9u {
  cursor: not-allowed;
}

.CustomCheckbox-module__wrapperNoInteraction--i3Jyz {
  pointer-events: none;
  gap: 0;
}

.CustomCheckbox-module__checkboxContainer--F_jZ7 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.CustomCheckbox-module__checkbox--PH2Pf {
  width: 20px;
  height: 20px;
  border: 2px solid var(--color-gray-400);
  border-radius: var(--border-radius-sm);
  background-color: var(--color-background-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-fast);
  flex-shrink: 0;
}

.CustomCheckbox-module__checkboxChecked--dguUB {
  background-color: var(--color-primary-500);
  border-color: var(--color-primary-500);
}

.CustomCheckbox-module__checkboxDisabled--y_nH8 {
  background-color: var(--color-gray-100);
  border-color: var(--color-gray-300);
  cursor: not-allowed;
}

.CustomCheckbox-module__checkboxFocused--IfnUm {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}

.CustomCheckbox-module__label--zYXac {
  font-size: var(--font-size-md);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  user-select: none;
}

.CustomCheckbox-module__labelDisabled--HFAz7 {
  color: var(--color-gray-400);
}

.CustomCheckbox-module__icon--ztXhN {
  flex-shrink: 0;
}

.CustomCheckbox-module__iconDisabled--wZxFC {
  opacity: 0.5;
}

/**
 * CustomTextInput Styles
 * Uses CSS custom properties from @prodikt/theme
 */

.CustomTextInput-module__wrapper--NtvAX {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  font-family: var(--font-family-primary);
}

.CustomTextInput-module__wrapperFullWidth--gDeqM {
  width: 100%;
}

.CustomTextInput-module__label--O61DV {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: 0;
  line-height: var(--line-height-normal);
}

.CustomTextInput-module__required--m4E93 {
  color: var(--color-error-dark);
  margin-left: 2px;
}

.CustomTextInput-module__inputWrapper--mGKHk {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid var(--color-gray-50);
  border-radius: var(--border-radius-xxxl);
  background-color: var(--color-background-primary);
  transition: var(--transition-normal);
  overflow: hidden;
  box-shadow: var(--shadow-input);
}

.CustomTextInput-module__inputWrapperCustomBorder--s8s7M {
  border-color: var(--custom-border-color);
}

.CustomTextInput-module__inputWrapperNoRadius--unGFO {
  border-radius: 0 !important;
}

.CustomTextInput-module__inputWrapperNoBoxShadow--if5KH {
  box-shadow: none !important;
}

.CustomTextInput-module__inputWrapperFocused--xQ3IV {
  border-color: var(--color-gray-50);
}

.CustomTextInput-module__inputWrapperError--_9iV6 {
  border-color: var(--color-error-main);
}

.CustomTextInput-module__inputWrapperDisabled--Ny_gb {
  background-color: var(--color-gray-100);
}

.CustomTextInput-module__inputWrapperSmall--YJsIa {
  min-height: 36px;
}

.CustomTextInput-module__inputWrapperMedium--a2B3B {
  min-height: 48px;
}

.CustomTextInput-module__inputWrapperLarge--FDigG {
  min-height: 56px;
}

.CustomTextInput-module__input--dY8Qf {
  flex: 1;
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--color-text-primary);
  font-family: inherit;
  line-height: var(--line-height-normal);
}

.CustomTextInput-module__input--dY8Qf::placeholder {
  color: var(--color-gray-400);
}

.CustomTextInput-module__inputSmall--SM1DZ {
  padding: var(--spacing-2) var(--spacing-4) var(--spacing-2) 16px;
  font-size: var(--font-size-md);
}

.CustomTextInput-module__inputMedium--Lzwjm {
  padding: var(--spacing-3) var(--spacing-6) var(--spacing-3) 16px;
  font-size: var(--font-size-lg);
}

.CustomTextInput-module__inputLarge--iSf2s {
  padding: var(--spacing-4) var(--spacing-8) var(--spacing-4) 16px;
  font-size: var(--font-size-xl);
}

.CustomTextInput-module__inputDisabled--pZ8WW {
  cursor: not-allowed;
}

.CustomTextInput-module__inputReadOnly--Xv9Ut {
  cursor: default;
}

.CustomTextInput-module__prefix--nmQpv {
  display: flex;
  align-items: center;
  padding-left: var(--spacing-6);
  padding-right: var(--spacing-2);
  color: var(--color-gray-500);
  font-size: var(--font-size-md);
  flex-shrink: 0;
}

.CustomTextInput-module__suffix--sTtDC {
  display: flex;
  align-items: center;
  padding-right: var(--spacing-6);
  padding-left: var(--spacing-2);
  color: var(--color-gray-500);
  font-size: var(--font-size-md);
  flex-shrink: 0;
}

.CustomTextInput-module__clearButton--yM6G2 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 var(--spacing-4);
  font-size: 18px;
  line-height: 1;
  color: var(--color-gray-500);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-sm);
  transition: var(--transition-fast);
  flex-shrink: 0;
}

.CustomTextInput-module__clearButton--yM6G2:hover {
  color: var(--color-gray-700);
}

.CustomTextInput-module__helper--URpcN {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-sm);
  color: var(--color-gray-600);
  margin-top: var(--spacing-2);
  line-height: var(--line-height-normal);
}

.CustomTextInput-module__helperError--b_ASM {
  color: var(--color-error-main);
}

.CustomTextInput-module__charCount--HB7hG {
  font-size: var(--font-size-xs);
  color: var(--color-gray-500);
  font-weight: var(--font-weight-normal);
}

.CustomTextInput-module__charCountError--WBCKl {
  color: var(--color-error-main);
}

/**
 * CustomSelect Styles
 * Uses CSS custom properties from @prodikt/theme
 */

.CustomSelect-module__wrapper--maWtu {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-md);
}

.CustomSelect-module__wrapperFullWidth--Y8jfy {
  width: 100%;
}

.CustomSelect-module__wrapperDefault--hpvVS {
  width: 250px;
  max-width: 250px;
}

.CustomSelect-module__label--bjVUs {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: 0;
  line-height: var(--line-height-normal);
}

.CustomSelect-module__triggerContainer--V2_4l {
  position: relative;
}

.CustomSelect-module__trigger--hyT4f {
  width: 100%;
  border-left: 1px solid var(--color-gray-50);
  border-right: 1px solid var(--color-gray-50);
  border-top: 1px solid var(--color-gray-50);
  border-bottom: 1px solid var(--color-gray-50);
  border-radius: var(--border-radius-xxxl);
  background-color: var(--color-background-primary);
  cursor: pointer;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-text-primary);
  transition: var(--transition-normal);
  outline: none;
  box-shadow: var(--shadow-input);
}

.CustomSelect-module__trigger--hyT4f:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}

.CustomSelect-module__triggerSmall--Gz7Bv {
  padding: 7px var(--spacing-4) 7px 16px;
  font-size: var(--font-size-md);
  min-height: 36px;
}

.CustomSelect-module__triggerMedium--zUEXI {
  padding: var(--spacing-4) var(--spacing-6) var(--spacing-4) 16px;
  font-size: var(--font-size-lg);
  min-height: 48px;
}

.CustomSelect-module__triggerLarge--j3fb4 {
  padding: var(--spacing-5) var(--spacing-8) var(--spacing-5) 16px;
  font-size: var(--font-size-xl);
  min-height: 56px;
}

.CustomSelect-module__triggerOpen--W34aM {
  border-radius: var(--border-radius-xxxl) var(--border-radius-xxxl) 0 0;
  border-bottom: 0;
}

.CustomSelect-module__triggerError--T9iqU {
  border-color: var(--color-error-main);
}

.CustomSelect-module__triggerDisabled--xvMPA {
  background-color: var(--color-gray-100);
  cursor: not-allowed;
}

.CustomSelect-module__triggerCustomBorder--YY2jS {
  border-color: var(--custom-border-color);
}

.CustomSelect-module__triggerNoRadius--ge2tE {
  border-radius: 0 !important;
}

.CustomSelect-module__triggerNoBoxShadow--merJ6 {
  box-shadow: none !important;
}

.CustomSelect-module__triggerContent--DqkdM {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
}

.CustomSelect-module__placeholder--YtA0V {
  color: var(--color-text-placeholder);
}

.CustomSelect-module__singleValue--YEQSR {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

.CustomSelect-module__singleValueText--D8YDa {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.CustomSelect-module__selectedTag--e1eeN {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 6px;
  background-color: var(--color-label-bg);
  border-radius: var(--border-radius-xxl);
  border: 1px solid var(--color-label-border);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: 12px;
  margin: 0;
  color: var(--color-label-text);
  max-width: 150px;
  min-width: 0;
  overflow: hidden;
  flex-shrink: 1;
}

.CustomSelect-module__selectedTagText--XgPRn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.CustomSelect-module__moreTag--ihTpG {
  cursor: pointer;
  background-color: var(--color-gray-100);
  color: var(--color-text-secondary);
}

.CustomSelect-module__removeButton--nLVFn {
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1;
  color: var(--color-accent-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-sm);
  transition: var(--transition-fast);
  font-weight: var(--font-weight-bold);
  height: 10px;
  width: 10px;
}

.CustomSelect-module__removeButton--nLVFn:hover {
  color: var(--color-error-main);
}

.CustomSelect-module__clearButton--n_Deg {
  background: none;
  border: 0;
  cursor: pointer;
  padding: 4px;
  margin: 0 4px;
  font-size: 20px;
  line-height: 1;
  color: var(--color-text-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-sm);
  transition: var(--transition-fast);
  flex-shrink: 0;
}

.CustomSelect-module__clearButton--n_Deg:hover {
  color: var(--color-error-main);
  background-color: var(--color-gray-100);
}

.CustomSelect-module__chevron--hq7uM {
  flex-shrink: 0;
  margin-left: 8px;
  transition: var(--transition-normal);
}

.CustomSelect-module__chevronOpen--praJr {
  transform: rotate(180deg);
}

.CustomSelect-module__popover--D08at {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: var(--color-background-primary);
  border-left: 1px solid var(--color-gray-50);
  border-right: 1px solid var(--color-gray-50);
  border-bottom: 1px solid var(--color-gray-50);
  border-top: 0;
  border-radius: 0 0 var(--border-radius-xxxl) var(--border-radius-xxxl);
  box-shadow: var(--shadow-md);
  max-height: 294px;
  overflow: hidden;
  z-index: 99999;
  margin-top: 0;
}

.CustomSelect-module__popoverCustomBorder--RTg3L {
  border-left-color: var(--custom-border-color);
  border-right-color: var(--custom-border-color);
  border-bottom-color: var(--custom-border-color);
}

.CustomSelect-module__popoverNoRadius--nWBlL {
  border-radius: 0 !important;
}

.CustomSelect-module__popoverNoBoxShadow--rhzPC {
  box-shadow: none !important;
}

.CustomSelect-module__searchInput--W4sNx {
  width: 100%;
  padding: 10px 12px;
  border: none;
  border-bottom: 1px solid var(--color-border-light);
  border-top: 1px solid var(--color-border-light);
  outline: none;
  font-size: var(--font-size-md);
  font-family: var(--font-family-primary);
  cursor: text;
}

.CustomSelect-module__searchInput--W4sNx::-webkit-search-cancel-button {
  cursor: pointer;
}

.CustomSelect-module__searchInput--W4sNx::-moz-search-cancel-button {
  cursor: pointer;
}

.CustomSelect-module__listBox--kf_C9 {
  outline: none;
  max-height: 280px;
  overflow-y: auto;
  padding: 4px;
}

.CustomSelect-module__listBoxWithSearch--R3vmm {
  max-height: 230px;
}

.CustomSelect-module__listBoxWithCreate--yIfxZ {
  max-height: 200px;
}

.CustomSelect-module__listBoxWithSearchAndCreate--NZJT1 {
  max-height: 150px;
}

.CustomSelect-module__listItem--BVGSz {
  padding: 10px 12px;
  cursor: pointer;
  outline: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-md);
  font-family: var(--font-family-primary);
  color: var(--color-text-primary);
  border-radius: var(--border-radius-md);
  transition: var(--transition-fast);
  margin-bottom: 2px;
  background-color: transparent;
}

.CustomSelect-module__listItem--BVGSz:hover {
  background-color: var(--color-background-secondary);
}

.CustomSelect-module__listItemSelected--XhQss {
  background-color: var(--color-gray-100);
}

.CustomSelect-module__listItemSelected--XhQss:hover {
  background-color: var(--color-gray-200);
}

.CustomSelect-module__listItemDisabled--HyIaR {
  color: var(--color-border-main);
  cursor: not-allowed;
}

.CustomSelect-module__listItemDisabled--HyIaR:hover {
  background-color: transparent;
}

.CustomSelect-module__listItemLast--lRn7Q {
  margin-bottom: 0;
}

.CustomSelect-module__listItemLast--lRn7Q:hover {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.CustomSelect-module__listItemLastRounded--MSyRG {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.CustomSelect-module__listItemContent--qigHk {
  display: flex;
  align-items: center;
  width: 100%;
  gap: var(--spacing-2);
  min-width: 0;
}

.CustomSelect-module__listItemLabel--_7XY4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.CustomSelect-module__noOptions--Ubs6P {
  color: var(--color-text-disabled);
  cursor: default;
  justify-content: center;
}

.CustomSelect-module__createSection--LUBg_ {
  padding: 12px;
  border-top: 1px solid var(--color-border-light);
  background-color: var(--color-background-primary);
}

.CustomSelect-module__createInputWrapper--vMlRG {
  display: flex;
  gap: 8px;
  align-items: flex-end;
  flex-direction: column;
}

.CustomSelect-module__createInput--WKrMg {
  flex: 1;
  margin: 0;
}

.CustomSelect-module__helper--U0Iky {
  font-size: var(--font-size-sm);
  color: var(--color-gray-600);
  margin-top: var(--spacing-2);
  line-height: var(--line-height-normal);
}

.CustomSelect-module__helperError--J7b69 {
  color: var(--color-error-main);
}

/**
 * CustomSelectAlt Styles
 * Uses CSS custom properties from @prodikt/theme
 */

.CustomSelectAlt-module__wrapper--Box8W {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-md);
}

.CustomSelectAlt-module__wrapperFullWidth--Pthd9 {
  width: 100%;
}

.CustomSelectAlt-module__label--eafpf {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: 0;
  line-height: var(--line-height-normal);
}

.CustomSelectAlt-module__trigger--hNVfs {
  width: 100%;
  border: 1px solid var(--color-gray-50);
  border-radius: var(--border-radius-xxxl);
  background-color: var(--color-background-primary);
  cursor: pointer;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-text-primary);
  transition: var(--transition-normal);
  outline: none;
  line-height: var(--line-height-normal);
  box-shadow: var(--shadow-input);
}

.CustomSelectAlt-module__trigger--hNVfs:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}

.CustomSelectAlt-module__triggerSmall--KKjSc {
  padding: var(--spacing-2) var(--spacing-4) var(--spacing-2) 16px;
  font-size: var(--font-size-base);
  min-height: 36px;
}

.CustomSelectAlt-module__triggerMedium--D1wRJ {
  padding: var(--spacing-3) var(--spacing-6) var(--spacing-3) 16px;
  font-size: var(--font-size-md);
  min-height: 48px;
}

.CustomSelectAlt-module__triggerLarge--M6wpl {
  padding: var(--spacing-4) var(--spacing-8) var(--spacing-4) 16px;
  font-size: var(--font-size-lg);
  min-height: 56px;
}

.CustomSelectAlt-module__triggerOpenBottom--aiQzc {
  border-radius: var(--border-radius-xxxl) var(--border-radius-xxxl) 0 0;
  border-bottom: none;
}

.CustomSelectAlt-module__triggerOpenTop--ECk2L {
  border-radius: 0 0 var(--border-radius-xxxl) var(--border-radius-xxxl);
  border-top: none;
}

.CustomSelectAlt-module__triggerError--htNAQ {
  border-color: var(--color-error-main);
}

.CustomSelectAlt-module__triggerDisabled--lgsI4 {
  background-color: var(--color-gray-100);
  cursor: not-allowed;
}

.CustomSelectAlt-module__triggerCustomBorder--UUd7v {
  border-color: var(--custom-border-color);
}

.CustomSelectAlt-module__triggerContent--JePFP {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
}

.CustomSelectAlt-module__placeholder--gpOLZ {
  color: var(--color-text-placeholder);
}

.CustomSelectAlt-module__selectedTag--aQ3Fw {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 6px;
  background-color: var(--color-label-bg);
  border-radius: var(--border-radius-xxl);
  border: 1px solid var(--color-label-border);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: 12px;
  margin: 0;
  color: var(--color-label-text);
  max-width: 150px;
  min-width: 0;
  overflow: hidden;
  flex-shrink: 1;
}

.CustomSelectAlt-module__selectedTagText--ybxjB {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.CustomSelectAlt-module__moreTag--KK9mC {
  cursor: pointer;
  background-color: var(--color-gray-100);
  color: var(--color-text-secondary);
}

.CustomSelectAlt-module__removeButton--Y2cEM {
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1;
  color: var(--color-text-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-sm);
  transition: var(--transition-fast);
  font-weight: var(--font-weight-bold);
  height: 10px;
  width: 10px;
}

.CustomSelectAlt-module__removeButton--Y2cEM:hover {
  color: var(--color-error-main);
}

.CustomSelectAlt-module__removeButtonLarge--tdiAm {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  flex-shrink: 0;
}

.CustomSelectAlt-module__chevron--j8Ewp {
  flex-shrink: 0;
  margin-left: 8px;
  transition: var(--transition-normal);
}

.CustomSelectAlt-module__chevronOpen--KpPUZ {
  transform: rotate(180deg);
}

.CustomSelectAlt-module__popover--BY0xn {
  background-color: var(--color-background-primary);
  border: 1px solid var(--color-gray-50);
  box-shadow: var(--shadow-md);
  max-height: 280px;
  overflow: hidden;
  z-index: 1000;
  margin-top: 0;
  width: var(--trigger-width);
}

.CustomSelectAlt-module__popoverBottom--GbM4x {
  border-top: none;
  border-radius: 0 0 var(--border-radius-xxxl) var(--border-radius-xxxl);
}

.CustomSelectAlt-module__popoverTop--oZ_7V {
  border-bottom: none;
  border-radius: var(--border-radius-xxxl) var(--border-radius-xxxl) 0 0;
  box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06);
}

.CustomSelectAlt-module__popoverCustomBorder--v_myz {
  border-color: var(--custom-border-color);
}

.CustomSelectAlt-module__searchInput--jEM3E {
  width: 100%;
  padding: 10px 12px;
  border: none;
  border-bottom: 1px solid var(--color-border-light);
  outline: none;
  font-size: var(--font-size-md);
  font-family: inherit;
}

.CustomSelectAlt-module__listBox--cDnwF {
  outline: none;
  overflow-y: auto;
  padding: 4px;
}

.CustomSelectAlt-module__listBoxWithSearch--Z7yGU {
  max-height: 230px;
}

.CustomSelectAlt-module__listBoxWithCreate--cHCd8 {
  max-height: 200px;
}

.CustomSelectAlt-module__listBoxWithSearchAndCreate--UspKI {
  max-height: 150px;
}

.CustomSelectAlt-module__listItem--TEDtd {
  padding: 10px 12px;
  cursor: pointer;
  outline: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-md);
  font-family: var(--font-family-primary);
  color: var(--color-text-primary);
  border-radius: var(--border-radius-md);
  transition: var(--transition-fast);
  margin-bottom: 2px;
}

.CustomSelectAlt-module__listItemHovered--AOSV3 {
  background-color: var(--color-background-secondary);
}

.CustomSelectAlt-module__listItemSelected--_CWJc {
  background-color: var(--color-gray-100);
  font-weight: var(--font-weight-medium);
}

.CustomSelectAlt-module__listItemDisabled--ftfeJ {
  color: var(--color-border-main);
  cursor: not-allowed;
}

.CustomSelectAlt-module__listItemContent--Scvfl {
  display: flex;
  align-items: center;
  flex: 1;
  gap: var(--spacing-2);
}

.CustomSelectAlt-module__noOptions--aKLGk {
  text-align: center;
  color: var(--color-text-secondary);
}

.CustomSelectAlt-module__helper--M6JLY {
  font-size: var(--font-size-sm);
  color: var(--color-gray-600);
  margin-top: var(--spacing-2);
  line-height: var(--line-height-normal);
}

.CustomSelectAlt-module__helperError--cSs4I {
  color: var(--color-error-main);
}

.CustomSelectAlt-module__createSection--gbwLe {
  padding: 12px;
  border-top: 1px solid var(--color-border-light);
  background-color: var(--color-background-secondary);
}

.CustomSelectAlt-module__createInputWrapper--GaZLs {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}

/**
 * CustomTextArea Styles
 * Uses CSS custom properties from @prodikt/theme
 */

.CustomTextArea-module__wrapper--q7jSL {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  font-family: var(--font-family-primary);
}

.CustomTextArea-module__wrapperFullWidth--tY2q2 {
  width: 100%;
}

.CustomTextArea-module__label--XdUzN {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: 0;
  line-height: var(--line-height-normal);
}

.CustomTextArea-module__required--qPqz9 {
  color: var(--color-error-dark);
  margin-left: 2px;
}

.CustomTextArea-module__textareaWrapper--_9VWu {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-gray-300);
  border-radius: var(--border-radius-lg);
  background-color: var(--color-background-primary);
  transition: var(--transition-normal);
  overflow: hidden;
}

.CustomTextArea-module__textareaWrapperCustomBorder--cS8y2 {
  border-color: var(--custom-border-color);
}

.CustomTextArea-module__textareaWrapperNoRadius--wnbNq {
  border-radius: 0 !important;
}

.CustomTextArea-module__textareaWrapperNoBoxShadow--KPdoJ {
  box-shadow: none !important;
}

.CustomTextArea-module__textareaWrapperFocused--GoVCN {
  border-color: var(--color-primary-500);
}

.CustomTextArea-module__textareaWrapperError--P0Nz1 {
  border-color: var(--color-error-main);
}

.CustomTextArea-module__textareaWrapperDisabled--qZ6Sn {
  background-color: var(--color-gray-100);
}

.CustomTextArea-module__textarea--fd9SE {
  flex: 1;
  padding: var(--spacing-3) var(--spacing-6) var(--spacing-3) 16px;
  border: none;
  outline: none;
  font-size: var(--font-size-md);
  background-color: transparent;
  color: var(--color-text-primary);
  font-family: inherit;
  line-height: var(--line-height-normal);
}

.CustomTextArea-module__textarea--fd9SE::placeholder {
  color: var(--color-gray-400);
}

.CustomTextArea-module__textareaResizeNone--ZA0V2 {
  resize: none;
}

.CustomTextArea-module__textareaResizeVertical--eq6Oh {
  resize: vertical;
}

.CustomTextArea-module__textareaResizeHorizontal--Ls1PP {
  resize: horizontal;
}

.CustomTextArea-module__textareaResizeBoth--ngrOl {
  resize: both;
}

.CustomTextArea-module__textareaDisabled--nQQKw {
  cursor: not-allowed;
}

.CustomTextArea-module__textareaReadOnly--kO8Qg {
  cursor: default;
}

.CustomTextArea-module__clearButton--uKAdI {
  position: absolute;
  top: var(--spacing-4);
  right: var(--spacing-4);
  background: var(--color-background-primary);
  border: 1px solid var(--color-gray-300);
  cursor: pointer;
  padding: var(--spacing-2) var(--spacing-3);
  font-size: 16px;
  line-height: 1;
  color: var(--color-gray-500);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-sm);
  transition: var(--transition-fast);
  box-shadow: var(--shadow-sm);
}

.CustomTextArea-module__clearButton--uKAdI:hover {
  background-color: var(--color-gray-100);
  color: var(--color-gray-700);
}

.CustomTextArea-module__helper--rkNjz {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-sm);
  color: var(--color-gray-600);
  margin-top: var(--spacing-2);
  line-height: var(--line-height-normal);
}

.CustomTextArea-module__helperError--yqPEj {
  color: var(--color-error-main);
}

.CustomTextArea-module__charCount--tmJ9j {
  font-size: var(--font-size-xs);
  color: var(--color-gray-500);
  font-weight: var(--font-weight-normal);
}

.CustomTextArea-module__charCountError--rJ95t {
  color: var(--color-error-main);
}

/**
 * CustomToggle Styles
 * Uses CSS custom properties from @prodikt/theme
 */

.CustomToggle-module__wrapper--jOc86 {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  cursor: pointer;
  font-family: var(--font-family-primary);
}

.CustomToggle-module__wrapperDisabled--n6J_S {
  cursor: not-allowed;
}

.CustomToggle-module__track--UOy0W {
  position: relative;
  border-radius: 999px;
  background-color: var(--color-gray-300);
  transition: var(--transition-fast);
  flex-shrink: 0;
}

.CustomToggle-module__trackChecked--HUjVN {
  background-color: var(--color-primary-500);
}

.CustomToggle-module__trackDisabled--QAa0O {
  background-color: var(--color-gray-200);
  cursor: not-allowed;
}

.CustomToggle-module__trackFocused--bo3k6 {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}

.CustomToggle-module__trackSmall--sfe9F {
  width: 32px;
  height: 18px;
}

.CustomToggle-module__trackMedium--Hjlmg {
  width: 44px;
  height: 24px;
}

.CustomToggle-module__trackLarge--u2nCJ {
  width: 56px;
  height: 28px;
}

.CustomToggle-module__handle--UiqtJ {
  position: absolute;
  border-radius: 50%;
  background-color: var(--color-background-primary);
  transition: var(--transition-fast);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.CustomToggle-module__handleSmall--CLvsm {
  width: 14px;
  height: 14px;
  top: 2px;
  left: 2px;
}

.CustomToggle-module__handleSmallChecked--LNGNi {
  left: 16px;
}

.CustomToggle-module__handleMedium--n8OAD {
  width: 20px;
  height: 20px;
  top: 2px;
  left: 2px;
}

.CustomToggle-module__handleMediumChecked--cUqQr {
  left: 22px;
}

.CustomToggle-module__handleLarge--tchCj {
  width: 24px;
  height: 24px;
  top: 2px;
  left: 2px;
}

.CustomToggle-module__handleLargeChecked--o4yzs {
  left: 30px;
}

.CustomToggle-module__label--mB0RX {
  font-size: var(--font-size-md);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  user-select: none;
}

.CustomToggle-module__labelDisabled--SuY0G {
  color: var(--color-gray-400);
}

/**
 * ProjectCardMenu Styles
 * Uses CSS custom properties from @prodikt/theme
 */

.ProjectCardMenu-module__dropdownMenu--if15f {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ffffff;
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-dropdown);
  border: 1px solid #e5e7eb;
  min-width: 200px;
  z-index: 10;
  padding-top: 44px;
  overflow: hidden;
  animation: ProjectCardMenu-module__slideDown--_Ie7U 0.2s ease-out;
}

.ProjectCardMenu-module__dropdownMenuList--XlNWm {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ffffff;
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-dropdown);
  border: 1px solid #e5e7eb;
  min-width: 220px;
  max-width: 240px;
  height: 123px;
  z-index: 10;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  animation: ProjectCardMenu-module__slideDown--_Ie7U 0.2s ease-out;
}

.ProjectCardMenu-module__closeButton--ZQNUE {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 32px;
  height: 32px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-sm);
  transition: background-color 0.2s ease;
  z-index: 2;
}

.ProjectCardMenu-module__closeButton--ZQNUE:hover {
  background-color: #f3f4f6;
}

.ProjectCardMenu-module__closeButtonList--fa1Iy {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 32px;
  height: 32px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-sm);
  transition: background-color 0.2s ease;
  z-index: 103;
}

.ProjectCardMenu-module__closeButtonList--fa1Iy:hover {
  background-color: #f3f4f6;
}

.ProjectCardMenu-module__closeIcon--w3zAC {
  font-size: 24px;
  font-weight: bold;
  color: #6b7280;
  line-height: 1;
  font-family: 'Material Icons';
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  width: min-content;
  height: min-content;
  animation: ProjectCardMenu-module__fadeIn--TdEFH 0.2s ease forwards;
}

.ProjectCardMenu-module__closeIconCard--buXyy {
  animation: ProjectCardMenu-module__rotateIn--trGfX 0.3s ease forwards;
}

.ProjectCardMenu-module__menuItem--gWmtV {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  font-size: 14px;
  color: #111827;
  transition: background-color 0.2s ease;
  text-align: left;
}

.ProjectCardMenu-module__menuItem--gWmtV:hover {
  background-color: #f9fafb;
}

.ProjectCardMenu-module__menuItemList--CAH3A {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  font-size: 13px;
  color: #111827;
  transition: background-color 0.2s ease;
  text-align: left;
  position: relative;
}

.ProjectCardMenu-module__menuItemList--CAH3A:hover {
  background-color: #f9fafb;
}

.ProjectCardMenu-module__menuItemIcon--JyM05 {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.ProjectCardMenu-module__menuItemLabel--UB9Bu {
  font-family: var(--font-family-primary);
  font-size: 14px;
  line-height: 20px;
  flex: 1;
}

/* Keyframe Animations */
@keyframes ProjectCardMenu-module__slideDown--_Ie7U {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ProjectCardMenu-module__rotateIn--trGfX {
  0% {
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}

@keyframes ProjectCardMenu-module__fadeIn--TdEFH {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/**
 * ProjectCardLabels Styles
 * Uses CSS custom properties from @prodikt/theme
 */

.ProjectCardLabels-module__labelsContainer--H2Xkl {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--spacing-2);
  justify-content: flex-start;
  width: 100%;
  overflow: visible;
  position: relative;
  padding: 0 16px;
}

.ProjectCardLabels-module__labelsContainerNoPadding--rlehv {
  padding: 0;
}

.ProjectCardLabels-module__label--RQycT {
  padding: 4px 6px;
  border-radius: 16px;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
  background-color: var(--color-label-bg);
  color: var(--color-label-text);
  font-family: var(--font-family-primary);
  border: 1px solid var(--color-label-border);
}

.ProjectCardLabels-module__labelMore--fQVez {
  padding: 4px 6px;
  border-radius: 16px;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  background-color: #f3f4f6;
  color: #6b7280;
  cursor: pointer;
  position: relative;
}

.ProjectCardLabels-module__labelPopover--agKQP {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-bottom: 8px;
  background-color: #ffffff;
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-dropdown);
  border: 1px solid #e5e7eb;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: max-content;
  max-width: 200px;
  z-index: 100;
}

.ProjectCardLabels-module__labelPopoverItem--gFqT0 {
  display: inline-block;
  margin-bottom: 0;
  max-width: none;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
 * ProjectCard Styles
 * Uses CSS custom properties from @prodikt/theme
 */

.ProjectCard-module__card--uYHjl {
  background-color: #ffffff;
  border-radius: var(--border-radius-lg);
  display: flex;
  flex-direction: column;
  position: relative;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  overflow: visible;
  box-shadow: var(--shadow-project-card);
  width: 295px;
  height: 372px;
}

.ProjectCard-module__card--uYHjl:hover {
  box-shadow: var(--shadow-project-card-hover);
  transform: translateY(-2px);
}

.ProjectCard-module__cardClickable--J1AXL {
  cursor: pointer;
}

.ProjectCard-module__menuContainer--LUsuR {
  position: relative;
  z-index: 1;
}

.ProjectCard-module__menuButton--WWFk9 {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 32px;
  height: 32px;
  border: none;
  background-color: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-sm);
  transition: background-color 0.2s ease;
  z-index: 2;
}

.ProjectCard-module__menuButton--WWFk9:hover {
  background-color: #f3f4f6;
}

.ProjectCard-module__menuIcon--zzWPX {
  font-size: 24px;
  font-weight: bold;
  color: #6b7280;
  line-height: 1;
}

.ProjectCard-module__content--Gl07n {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

.ProjectCard-module__iconContainer--SvA7S {
  margin-bottom: var(--spacing-0);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 295px;
  height: 140px;
  border-top-left-radius: var(--border-radius-lg);
  border-top-right-radius: var(--border-radius-lg);
  border-bottom: 1px solid #e7e9ed;
  overflow: hidden;
}

.ProjectCard-module__image--Fx5Zl {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ProjectCard-module__imageDefault--PmO1Z {
  width: 70%;
  height: 70%;
  object-fit: contain;
}

.ProjectCard-module__titleContainer--t6J2l {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  margin: var(--spacing-8) 0;
  padding: 0 16px;
}

.ProjectCard-module__typeIcon--sqsFA {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.ProjectCard-module__title--VGLWD {
  font-family: var(--font-family-bold);
  font-size: 20px;
  color: var(--color-text-primary);
  margin: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  line-height: 1.4;
  flex: 1;
  min-width: 0;
}

.ProjectCard-module__details--fjNM7 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  padding: 0 16px var(--spacing-6) 16px;
}

.ProjectCard-module__detailRow--ko_2D {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-2);
  font-size: 14px;
}

.ProjectCard-module__detailLabel--LMF0Z {
  font-family: var(--font-family-bold);
  font-size: 16px;
  line-height: 20px;
  white-space: pre;
  color: #000000;
}

.ProjectCard-module__detailValue--qq9e9 {
  font-family: var(--font-family-primary);
  color: var(--color-text-detailValue);
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.ProjectCard-module__detailValueEmpty--KOxN7 {
  color: var(--color-text-secondary);
}

.ProjectCard-module__materialIcon--E5Trn {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  width: min-content;
  height: min-content;
}

.ProjectCard-module__footer--uuVGl {
  background-color: var(--color-accent-primary);
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: var(--border-radius-lg);
  border-bottom-right-radius: var(--border-radius-lg);
}

.ProjectCard-module__footerText--hbkVG {
  font-size: 12px;
  color: #ffffff;
  font-family: var(--font-family-primary);
  line-height: 21px;
  white-space: pre;
  font-weight: 500;
}

/**
 * ProjectList Styles
 * Uses CSS custom properties from @prodikt/theme
 */

.ProjectList-module__container--dLH9h {
  box-shadow: var(--shadow-card);
  border-radius: var(--border-radius-lg);
  overflow: visible;
  display: flex;
  position: relative;
  background-color: #ffffff;
  transition: transform 0.5s cubic-bezier(0.6, 0, 0.15, 1), box-shadow 0.5s cubic-bezier(0.6, 0, 0.15, 1);
  height: 125px;
  border: 1px solid #e7e9ed;
}

.ProjectList-module__container--dLH9h:hover {
  box-shadow: var(--shadow-card-hover) !important;
  transform: translateY(-2px) !important;
}

.ProjectList-module__containerClickable--z_g3U {
  cursor: pointer;
}

.ProjectList-module__inner--qaJ_d {
  flex: 1;
  display: flex;
  overflow: visible;
  width: 100%;
  align-items: center;
  gap: 32px;
  padding: 20px;
  border-radius: 8px;
}

.ProjectList-module__imageContainer--LSGXb {
  width: 160px;
  background-color: var(--color-accent-bg);
  margin: -20px;
  margin-right: 0;
  align-self: stretch;
  position: relative;
  box-shadow: var(--shadow-image-inset);
  overflow: hidden;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-shrink: 0;
}

.ProjectList-module__imageContainerDefault--pkFmo {
  border-right: none;
}

.ProjectList-module__image--pF8VG {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.ProjectList-module__defaultImage--HpYIe {
  object-fit: contain;
  width: calc(100% - 20px);
  height: calc(100% - 40px);
  top: 20px;
  left: 10px;
}

.ProjectList-module__content--Kzy1Z {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-grow: 1;
  min-width: 0;
  overflow: visible;
}

.ProjectList-module__titleContainer--Ookqv {
  flex-shrink: 0;
  width: 50%;
  padding-right: 32px;
  min-width: 0;
  overflow: visible;
  position: relative;
}

.ProjectList-module__titleWrapper--Vknfv {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  min-width: 0;
}

.ProjectList-module__typeIcon--g_LfK {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.ProjectList-module__title--wIoSE {
  font-size: 20px;
  margin: 0;
  padding: 0;
  font-family: var(--font-family-bold);
  font-weight: 600;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--color-text-primary);
}

.ProjectList-module__lastEdited--T2GvJ {
  font-family: var(--font-family-primary);
  font-size: 14px;
  color: #888;
  display: block;
  padding-bottom: 12px;
  padding-top: 4px;
}

.ProjectList-module__details--NZ1Nk {
  display: flex;
  gap: 4px;
  width: 50%;
  justify-content: space-between;
}

.ProjectList-module__detailGroup--moCGt {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.ProjectList-module__detail--HBXpe {
  display: flex;
  gap: 8px;
}

.ProjectList-module__detailLabel--x7tt9 {
  font-size: 16px;
  font-family: var(--font-family-bold);
  color: var(--color-text-primary);
}

.ProjectList-module__detailValue--COykE {
  font-size: 16px;
  font-family: var(--font-family-primary);
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.ProjectList-module__detailValueEmpty--v3619 {
  color: var(--color-text-secondary);
}

.ProjectList-module__menuButton--hSwcm {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 32px;
  height: 32px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-sm);
  transition: background-color 0.2s ease;
  z-index: 103;
}

.ProjectList-module__menuButton--hSwcm:hover {
  background-color: #f3f4f6;
}

.ProjectList-module__menuIcon--LLq9W {
  font-size: 24px;
  font-weight: bold;
  color: #6b7280;
  line-height: 1;
}

.ProjectList-module__menuContainer--A5dpb {
  position: relative;
  z-index: 1;
}

/**
 * ProjectView Styles
 * Uses CSS custom properties from @prodikt/theme
 */

.ProjectView-module__listViewContainer--zICz6 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: var(--spacing-4);
}

.ProjectView-module__cardViewContainer--FIO0q {
  display: grid;
  max-width: 100%;
  width: 100%;
  justify-content: center;
}

.RequestMissingEpdModal-module__overlay--yHoxJ {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: RequestMissingEpdModal-module__fadeIn--lI4Fo 0.2s ease-out;
}

@keyframes RequestMissingEpdModal-module__fadeIn--lI4Fo {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.RequestMissingEpdModal-module__modal--peA9u {
  background-color: rgb(242, 246, 247);
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  max-width: 600px;
  width: 90%;
  display: flex;
  flex-direction: column;
  animation: RequestMissingEpdModal-module__slideIn--zqbC4 0.3s ease-out;
  position: relative;
  padding: 40px 70px 24px 70px;
}

@keyframes RequestMissingEpdModal-module__slideIn--zqbC4 {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.RequestMissingEpdModal-module__header--MIrLM {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 16px 0;
  position: relative;
}

.RequestMissingEpdModal-module__title--vFZ6V {
  font-family: JosefinSans-Bold;
  font-size: 36px;
  line-height: 1.1;
  color: #1a5765;
  margin: 0 0 8px 0;
}

.RequestMissingEpdModal-module__subtitle--chszA {
  font-family: JosefinSans-Regular;
  font-size: 20px;
  line-height: 1.3;
  color: #333;
  margin: 0;
}

.RequestMissingEpdModal-module__closeButton--RVU1P {
  padding: 0;
  background: none;
  border: none;
  color: #333;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
  width: 32px;
  height: 32px;
  font-size: 28px;
  line-height: 1;
  position: absolute;
  top: -30px;
  right: -60px;
}

.RequestMissingEpdModal-module__closeButton--RVU1P .material-icons {
  font-size: 32px;
}

.RequestMissingEpdModal-module__closeButton--RVU1P:hover {
  color: #000;
}

.RequestMissingEpdModal-module__closeButton--RVU1P:focus-visible {
  outline: 2px solid #1a5765;
  outline-offset: 2px;
}

.RequestMissingEpdModal-module__body--_dbhr {
  padding: 40px 0;
}

.RequestMissingEpdModal-module__inputGroup--VNl2p {
  margin-bottom: 8px;
}

.RequestMissingEpdModal-module__footer--qyetC {
  display: flex;
  gap: 12px;
  justify-content: center;
  padding: 24px 0 0 0;
}

.ProductEpdDataModal-module__overlay--PyYbU {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: ProductEpdDataModal-module__fadeIn--lAWxX 0.2s ease-out;
}

@keyframes ProductEpdDataModal-module__fadeIn--lAWxX {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.ProductEpdDataModal-module__modal--Qwp3l {
  background-color: rgb(242, 246, 247);
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  max-width: 700px;
  width: 90%;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  animation: ProductEpdDataModal-module__slideIn--hxf0j 0.3s ease-out;
  position: relative;
  padding: 40px 70px 24px 70px;
}

@keyframes ProductEpdDataModal-module__slideIn--hxf0j {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ProductEpdDataModal-module__header--HlPed {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 16px 0;
  position: relative;
}

.ProductEpdDataModal-module__title--D2MmD {
  font-family: JosefinSans-Bold;
  font-size: 36px;
  line-height: 1.1;
  color: #1a5765;
  margin: 0;
}

.ProductEpdDataModal-module__closeButton--NLhRF {
  padding: 0;
  background: none;
  border: none;
  color: #333;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
  width: 32px;
  height: 32px;
  font-size: 28px;
  line-height: 1;
  position: absolute;
  top: -30px;
  right: -60px;
}

.ProductEpdDataModal-module__closeButton--NLhRF .material-icons {
  font-size: 32px;
}

.ProductEpdDataModal-module__closeButton--NLhRF:hover {
  color: #000;
}

.ProductEpdDataModal-module__closeButton--NLhRF:focus-visible {
  outline: 2px solid #1a5765;
  outline-offset: 2px;
}

.ProductEpdDataModal-module__body--wYg5y {
  padding: 40px 0;
  overflow-x: visible;
  flex: 1;
}

.ProductEpdDataModal-module__loading--A2rdu {
  text-align: center;
  padding: 40px 0;
  color: #666;
  font-size: 16px;
}

.ProductEpdDataModal-module__error--Nt_7p {
  padding: 12px 16px;
  background-color: #fff3f3;
  border: 1px solid #ffcdd2;
  border-radius: 4px;
  color: #c62828;
  margin-bottom: 20px;
  font-size: 14px;
}

.ProductEpdDataModal-module__selectContainer--UEO5b {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ProductEpdDataModal-module__missingEpdContainer--DFvvt {
  padding: 12px 0;
}

.ProductEpdDataModal-module__missingEpdButton--MtPF0 {
  background: none;
  border: none;
  padding: 0;
  font-size: 16px;
  color: #1a5765;
  cursor: pointer;
  text-decoration: underline;
  transition: color 0.2s;
  font-family: 'Mulish-Regular';
}

.ProductEpdDataModal-module__missingEpdButton--MtPF0:hover {
  color: #0d3d47;
}

.ProductEpdDataModal-module__missingEpdButton--MtPF0:focus-visible {
  outline: 2px solid #1a5765;
  outline-offset: 2px;
}

.ProductEpdDataModal-module__selectRow--IngOe {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  position: relative;
  min-height: 48px;
}

.ProductEpdDataModal-module__selectLabel--qN8NP {
  font-family: 'Mulish-Regular';
  font-size: 18px;
  color: #333;
  min-width: 100px;
}

.ProductEpdDataModal-module__selectWrapper--PJbEH {
  flex: 1;
  position: relative;
  min-width: 0;
}

.ProductEpdDataModal-module__defaultButton--q9Fa8 {
  flex-shrink: 0;
  min-width: 120px;
}

.ProductEpdDataModal-module__removeButton--Mn0Kz {
  padding: 4px;
  background: none;
  border: none;
  color: #d32f2f;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
  font-size: 20px;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.ProductEpdDataModal-module__removeButton--Mn0Kz:hover {
  color: #b71c1c;
}

.ProductEpdDataModal-module__removeButtonHidden--yNoNO {
  padding: 0;
  background: none;
  border: none;
  cursor: default;
  display: none;
  width: 0;
  height: 0;
  flex-shrink: 0;
  opacity: 0;
  pointer-events: none;
}

.ProductEpdDataModal-module__footer--tFlwj {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 24px 0 0 0;
}

.ProductEpdDataModal-module__emptyState--DhH3f {
  text-align: center;
  padding: 40px 20px;
  color: #666;
  font-size: 16px;
  line-height: 1.5;
  font-family: 'Mulish-Regular';
}

.ProductEpdDataModal-module__emptyState--DhH3f .ProductEpdDataModal-module__icon--hXaqc {
  font-size: 48px;
  color: #ccc;
  margin-bottom: 16px;
}


/*# sourceMappingURL=style.css.map*/