@charset "UTF-8";
@layer utilities {
  @keyframes spin-slow {
    to {
      transform: rotate(360deg);
    }
  }
  /* line 8, app/assets/stylesheets/tailwind_utils/_animations.scss */
  .animate-spin-slow {
    animation: spin-slow 3s linear infinite;
  }
  @keyframes spin-fast {
    to {
      transform: rotate(360deg);
    }
  }
  /* line 18, app/assets/stylesheets/tailwind_utils/_animations.scss */
  .animate-spin-fast {
    animation: spin-fast 0.5s linear infinite;
  }
}

@tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities {
  /* line 8, app/assets/stylesheets/application.tailwind.css */
  .text-shadow {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  }
  /* line 11, app/assets/stylesheets/application.tailwind.css */
  .text-shadow-sm {
    text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.4);
  }
  /* line 14, app/assets/stylesheets/application.tailwind.css */
  .text-shadow-md {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
  }
  /* line 17, app/assets/stylesheets/application.tailwind.css */
  .text-shadow-none {
    text-shadow: none;
  }
}

/* line 22, app/assets/stylesheets/application.tailwind.css */
.btn-severity {
  @apply relative inline-flex items-center px-4 py-2 text-sm font-medium focus:z-10 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2;
  @apply bg-white text-gray-700 hover:bg-gray-100 border border-gray-300;
}

/* line 26, app/assets/stylesheets/application.tailwind.css */
.btn-severity.active {
  @apply bg-indigo-600 text-white border-indigo-600 hover:bg-indigo-700;
}

/* line 1, app/assets/stylesheets/config/_variables.scss */
:root {
  --font-family-sans: 'Roboto', 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  --line-height-headers: 1.1;
  --line-height-body:    1.5;
  --font-size-xs: 0.75rem;
  --font-size-s: 0.875rem;
  --font-size-m: 1rem;
  --font-size-l: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-xxl: 1.5rem;
  --font-size-xxxl: 2rem;
  --font-size-xxxxl: 2.5rem;
  --color-text-header: #22262A;
  --color-text-body:   #394046;
  --color-text-muted:  #737F8C;
  --space-xxxs: 0.25rem;
  --space-xxs: 0.375rem;
  --space-xs: 0.5rem;
  --space-s: 0.75rem;
  --space-m: 1rem;
  --space-l: 1.5rem;
  --space-xl: 2rem;
  --space-xxl: 2.5rem;
  --space-xxxl: 3rem;
  --space-xxxxl: 4rem;
  --header-height: 5.25rem;
  --footer-height: 3.50rem;
  --sidebar-width: 20rem;
  --job-item-width: 18.5rem;
  --color-primary:          #4BBFDA;
  --color-primary-hover:    #3AA7C1;
  --color-primary-bg:       #FCFAF7;
  --color-secondary:        #3161A3;
  --color-secondary-muted:  #5F5F5F;
  --color-tertiary:         #F5F5F5;
  --color-accent:           #FFB400;
  --color-glint:            #C3E7FF;
  --color-sidebar:          #cffafe;
  --color-white:      #FFFFFF;
  --color-background: #F7F9FA;
  --color-light:      #E9EEF2;
  --color-dark:       var(--color-text-header);
  /* Gray */
  --color-gray-50: #fafafa;
  --color-gray-100: #f4f4f5;
  --color-gray-200: #e4e4e7;
  --color-gray-300: #d4d4d8;
  --color-gray-400: #a1a1aa;
  --color-gray-500: #71717a;
  --color-gray-600: #52525b;
  --color-gray-700: #3f3f46;
  --color-gray-800: #27272a;
  --color-gray-900: #18181b;
  --color-gray-950: #111111;
  /* Red */
  --color-red-50: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-300: #fca5a5;
  --color-red-400: #f87171;
  --color-red-500: #ef4444;
  --color-red-600: #dc2626;
  --color-red-700: #991919;
  --color-red-800: #511111;
  --color-red-900: #300c0c;
  --color-red-950: #1f0808;
  /* Pink */
  --color-pink-50: #fdf2f8;
  --color-pink-100: #fce7f3;
  --color-pink-200: #fbcfe8;
  --color-pink-300: #f9a8d4;
  --color-pink-400: #f472b6;
  --color-pink-500: #ec4899;
  --color-pink-600: #db2777;
  --color-pink-700: #a41752;
  --color-pink-800: #6d0e34;
  --color-pink-900: #45061f;
  --color-pink-950: #2c0514;
  /* Purple */
  --color-purple-50: #faf5ff;
  --color-purple-100: #f3e8ff;
  --color-purple-200: #e9d5ff;
  --color-purple-300: #d8b4fe;
  --color-purple-400: #c084fc;
  --color-purple-500: #a855f7;
  --color-purple-600: #9333ea;
  --color-purple-700: #641ba3;
  --color-purple-800: #4a1772;
  --color-purple-900: #2f0553;
  --color-purple-950: #1a032e;
  /* Cyan */
  --color-cyan-50: #ecfeff;
  --color-cyan-100: #cffafe;
  --color-cyan-200: #a5f3fc;
  --color-cyan-300: #67e8f9;
  --color-cyan-400: #22d3ee;
  --color-cyan-500: #06b6d4;
  --color-cyan-600: #0891b2;
  --color-cyan-700: #0c5c72;
  --color-cyan-800: #134152;
  --color-cyan-900: #072a38;
  --color-cyan-950: #051b24;
  /* Blue */
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bfdbfe;
  --color-blue-300: #a3cfff;
  --color-blue-400: #60a5fa;
  --color-blue-500: #3b82f6;
  --color-blue-600: #2563eb;
  --color-blue-700: #173da6;
  --color-blue-800: #1a3478;
  --color-blue-900: #14204a;
  --color-blue-950: #0c142e;
  /* Teal */
  --color-teal-50: #f0fdfa;
  --color-teal-100: #ccfbf1;
  --color-teal-200: #99f6e4;
  --color-teal-300: #5eead4;
  --color-teal-400: #2dd4bf;
  --color-teal-500: #14b8a6;
  --color-teal-600: #0d9488;
  --color-teal-700: #0c5d56;
  --color-teal-800: #114240;
  --color-teal-900: #032726;
  --color-teal-950: #021716;
  /* Green */
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-200: #bbf7d0;
  --color-green-300: #86efac;
  --color-green-400: #4ade80;
  --color-green-500: #22c55e;
  --color-green-600: #16a34a;
  --color-green-700: #116932;
  --color-green-800: #124a28;
  --color-green-900: #042713;
  --color-green-950: #03190c;
  /* Yellow */
  --color-yellow-50: #fefce8;
  --color-yellow-100: #fef9c3;
  --color-yellow-200: #fef08a;
  --color-yellow-300: #fde047;
  --color-yellow-400: #facc15;
  --color-yellow-500: #eab308;
  --color-yellow-600: #ca8a04;
  --color-yellow-700: #845209;
  --color-yellow-800: #713f12;
  --color-yellow-900: #422006;
  --color-yellow-950: #281304;
  /* Orange */
  --color-orange-50: #fff7ed;
  --color-orange-100: #ffedd5;
  --color-orange-200: #fed7aa;
  --color-orange-300: #fdba74;
  --color-orange-400: #fb923c;
  --color-orange-500: #f97316;
  --color-orange-600: #ea580c;
  --color-orange-700: #92310a;
  --color-orange-800: #6c2710;
  --color-orange-900: #3b1106;
  --color-orange-950: #220a04;
  --border-radius: 0.375rem;
  --color-border:  var(--color-gray-100);
  --border: solid 2px var(--color-border);
  --border-gray: solid 2px var(--color-gray-200);
  --shadow-large:  2px 4px 10px hsl(210, 20%, 20%, 0.1);
  --shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  --shadow-small:  1px 3px 6px hsl(210, 20%, 20%, 0.1);
}

/* line 1, app/assets/stylesheets/config/themes/_blue.scss */
[data-theme="blue"] {
  --color-primary:          #4BBFDA;
  /* Azul vibrante */
  --color-primary-hover:    #3AA7C1;
  /* Azul mais escuro para hover */
  --color-primary-bg:       #E7F8FD;
  /* Azul muito claro, ideal para fundos */
  --color-secondary:        #3161A3;
  /* Azul escuro para contraste */
  --color-secondary-muted:  #5F768D;
  /* Cinza-azulado para elementos neutros */
  --color-tertiary:         #D6F3FB;
  /* Azul pálido para fundos secundários */
  --color-accent:           #81D4FA;
  /* Azul leve para contrastes */
  --color-glint:            #B3EAF8;
  /* Azul suave para pequenos destaques */
  --color-sidebar:          #C9EFFB;
  /* Sidebar com azul claro e destacável */
  --color-white:            #FFFFFF;
  /* Branco puro */
  --color-background:       #F5FCFF;
  /* Fundo bem mais claro, quase branco */
  --color-text-header:      #22262A;
  /* Quase preto, ótimo para títulos */
  --color-text-body:        #394046;
  /* Tom médio, legível para corpo de texto */
  --color-text-muted:       #737F8C;
  /* Cinza claro para textos menos importantes */
  --color-light:            #E0F7FD;
  /* Azul bem claro para áreas secundárias */
  --color-dark:             var(--color-text-header);
  /* Preto escuro como cor principal */
  /* Adicionais */
  --color-border:           #81D4FA;
  /* Azul vibrante para bordas */
  --color-hover-light:      #D1EFFA;
  /* Hover suave para áreas claras */
  --color-hover-dark:       #2A95C4;
  /* Hover mais escuro para botões */
  --color-disabled:         #D0DCE6;
  /* Cinza-azulado para itens desativados */
}

/* line 1, app/assets/stylesheets/config/themes/_red.scss */
[data-theme="red"] {
  --color-primary:          #E53935;
  /* Vermelho vibrante */
  --color-primary-hover:    #D32F2F;
  /* Vermelho mais escuro para hover */
  --color-primary-bg:       #FDECEA;
  /* Vermelho bem claro, ideal para fundos */
  --color-secondary:        #B71C1C;
  /* Vermelho profundo */
  --color-secondary-muted:  #757575;
  /* Cinza neutro para complementar */
  --color-tertiary:         #F9EBEA;
  /* Vermelho pálido para fundos secundários */
  --color-accent:           #FF6F61;
  /* Vermelho coral vibrante para contrastes */
  --color-glint:            #F8A1A1;
  /* Vermelho claro mais vibrante para pequenos destaques */
  --color-sidebar:          #FFD6D6;
  /* Sidebar com tom mais marcante, mas suave */
  --color-white:            #FFFFFF;
  /* Branco puro */
  --color-background:       #FFF5F5;
  /* Fundo bem mais claro, quase branco */
  --color-text-header:      #22262A;
  /* Quase preto, ótimo para títulos */
  --color-text-body:        #394046;
  /* Tom médio, legível para corpo de texto */
  --color-text-muted:       #737F8C;
  /* Cinza claro para textos menos importantes */
  --color-light:            #FFE5E5;
  /* Tom claro com mais presença para áreas secundárias */
  --color-dark:             var(--color-text-header);
  /* Preto escuro como cor principal */
  /* Adicionais */
  --color-border:           #E57373;
  /* Bordas com um tom de vermelho vibrante */
  --color-hover-light:      #FAD4D4;
  /* Hover para áreas claras */
  --color-hover-dark:       #A62323;
  /* Hover mais escuro para botões */
  --color-disabled:         #D9D9D9;
  /* Cinza mais escuro para itens desativados */
}

/* line 1, app/assets/stylesheets/config/themes/_green.scss */
[data-theme="green"] {
  --color-primary:          #4CAF50;
  /* Verde vibrante */
  --color-primary-hover:    #43A047;
  /* Verde mais escuro para hover */
  --color-primary-bg:       #E8F5E9;
  /* Verde muito claro, ideal para fundos */
  --color-secondary:        #2E7D32;
  /* Verde escuro para contraste */
  --color-secondary-muted:  #6D8E75;
  /* Cinza-esverdeado para elementos neutros */
  --color-tertiary:         #D5E8D4;
  /* Verde pálido para fundos secundários */
  --color-accent:           #81C784;
  /* Verde suave para contrastes */
  --color-glint:            #AED9A7;
  /* Verde claro e vibrante para pequenos destaques */
  --color-sidebar:          #D0ECD7;
  /* Verde claro para sidebar */
  --color-white:            #FFFFFF;
  /* Branco puro */
  --color-background:       #F3FBF4;
  /* Fundo bem mais claro, quase branco */
  --color-text-header:      #22262A;
  /* Quase preto, ótimo para títulos */
  --color-text-body:        #394046;
  /* Tom médio, legível para corpo de texto */
  --color-text-muted:       #737F8C;
  /* Cinza claro para textos menos importantes */
  --color-light:            #EAF8EC;
  /* Verde bem claro para áreas secundárias */
  --color-dark:             var(--color-text-header);
  /* Preto escuro como cor principal */
  /* Adicionais */
  --color-border:           #81C784;
  /* Verde vibrante para bordas */
  --color-hover-light:      #CBE9CC;
  /* Hover suave para áreas claras */
  --color-hover-dark:       #2B6D2E;
  /* Hover mais escuro para botões */
  --color-disabled:         #C8D9C6;
  /* Cinza-esverdeado para itens desativados */
}

/* line 1, app/assets/stylesheets/config/themes/_blue-001.scss */
[data-theme="blue-001"] {
  --color-primary:          #3AAFB9;
  /* Azul-turquesa vibrante */
  --color-primary-hover:    #2A9CA6;
  /* Azul-turquesa mais escuro para hover */
  --color-primary-bg:       #E7F8FD;
  /* Azul muito claro, ideal para fundos */
  --color-secondary:        #093A3E;
  /* Azul-esverdeado escuro para contraste */
  --color-secondary-muted:  #5F768D;
  /* Cinza-azulado para elementos neutros */
  --color-tertiary:         #D6F3FB;
  /* Azul pálido para fundos secundários */
  --color-accent:           #81D4FA;
  /* Azul leve para contrastes */
  --color-glint:            #C3F5F7;
  /* Azul muito claro para pequenos destaques */
  --color-sidebar:          #093A3E;
  /* Fundo do sidebar mais escuro */
  --color-sidebar-text:     #FFFFFF;
  /* Texto do sidebar em branco */
  --color-sidebar-muted:    #B0C4CC;
  /* Texto secundário no sidebar */
  --color-white:            #FFFFFF;
  /* Branco puro */
  --color-background:       #F5FCFF;
  /* Fundo bem mais claro, quase branco */
  --color-text-header:      #001011;
  /* Preto-azulado profundo, ideal para títulos */
  --color-text-body:        #093A3E;
  /* Azul-esverdeado escuro para corpo de texto */
  --color-text-muted:       #5A8287;
  /* Azul acinzentado para textos menos importantes */
  --color-light:            #97C8EB;
  /* Azul pastel claro para áreas secundárias */
  --color-dark:             var(--color-text-header);
  /* Preto profundo como cor principal */
  /* Adicionais */
  --color-border:           #3AAFB9;
  /* Azul-turquesa vibrante para bordas */
  --color-hover-light:      #B0EFF2;
  /* Hover suave para áreas claras */
  --color-hover-dark:       #083236;
  /* Hover mais escuro para botões */
  --color-disabled:         #D0E4E6;
  /* Cinza-azulado claro para itens desativados */
}

/* line 1, app/assets/stylesheets/config/themes/_aqua-pulse.scss */
[data-theme="aqua-pulse"] {
  --color-primary:          #03F7EB;
  /* Azul-turquesa vibrante */
  --color-primary-hover:    #00B295;
  /* Verde-azulado mais escuro para hover */
  --color-primary-bg:       #C9DAEA;
  /* Azul claro suave, ideal para fundos */
  --color-secondary:        #191516;
  /* Preto profundo para contraste */
  --color-secondary-muted:  #6A6A6A;
  /* Cinza neutro para elementos menos importantes */
  --color-tertiary:         #AB2346;
  /* Vermelho vibrante para destaques */
  --color-accent:           #00B295;
  /* Verde-azulado para contrastes */
  --color-glint:            #BCEFF0;
  /* Azul claro brilhante para pequenos destaques */
  --color-sidebar:          #191516;
  /* Fundo preto profundo para a sidebar */
  --color-sidebar-text:     #FFFFFF;
  /* Texto do sidebar em branco puro */
  --color-sidebar-muted:    #C9DAEA;
  /* Azul claro para textos ou ícones secundários no sidebar */
  --color-white:            #FFFFFF;
  /* Branco puro */
  --color-background:       #EFF6FA;
  /* Fundo muito claro com tom azulado suave */
  --color-text-header:      #191516;
  /* Preto profundo para títulos */
  --color-text-body:        #3D3D3D;
  /* Cinza escuro para corpo de texto */
  --color-text-muted:       #6A6A6A;
  /* Cinza médio para textos menos importantes */
  --color-light:            #DAF7F8;
  /* Azul muito claro para áreas secundárias */
  --color-dark:             #191516;
  /* Preto profundo como cor principal */
  /* Adicionais */
  --color-border:           #03F7EB;
  /* Azul-turquesa vibrante para bordas */
  --color-hover-light:      #C3EEF0;
  /* Hover suave em áreas claras */
  --color-hover-dark:       #0D7264;
  /* Verde profundo para hover escuro */
  --color-disabled:         #D0D7DE;
  /* Azul acinzentado claro para itens desativados */
}

/* line 1, app/assets/stylesheets/config/themes/_serene-bloom.scss */
[data-theme="serene-bloom"] {
  --color-primary:          #AED9E0;
  /* Azul claro suave e calmante */
  --color-primary-hover:    #9FA0C3;
  /* Azul acinzentado com toque lilás para hover */
  --color-primary-bg:       #BCF8EC;
  /* Verde-água muito claro para fundos principais */
  --color-secondary:        #8B687F;
  /* Roxo suave e rosado para contraste */
  --color-secondary-muted:  #A99BA8;
  /* Cinza com toque rosado para elementos neutros */
  --color-tertiary:         #7B435B;
  /* Vinho profundo e elegante para destaques */
  --color-accent:           #9FA0C3;
  /* Azul acinzentado como cor de contraste */
  --color-glint:            #D6F6F0;
  /* Verde-água brilhante para pequenos destaques */
  --color-sidebar:          #8B687F;
  /* Roxo rosado elegante para o fundo da sidebar */
  --color-sidebar-text:     #FFFFFF;
  /* Texto do sidebar em branco puro */
  --color-sidebar-muted:    #BCF8EC;
  /* Verde-água claro para textos ou ícones secundários no sidebar */
  --color-white:            #FFFFFF;
  /* Branco puro */
  --color-background:       #F5FAF9;
  /* Fundo muito claro, quase branco */
  --color-text-header:      #7B435B;
  /* Vinho profundo para títulos */
  --color-text-body:        #4F4F4F;
  /* Cinza escuro para corpo de texto */
  --color-text-muted:       #737F8C;
  /* Cinza claro para textos menos importantes */
  --color-light:            #E4FAF6;
  /* Verde-água pálido para áreas secundárias */
  --color-dark:             #7B435B;
  /* Vinho profundo como cor principal */
  /* Adicionais */
  --color-border:           #9FA0C3;
  /* Azul acinzentado para bordas */
  --color-hover-light:      #CFE8E9;
  /* Hover suave em áreas claras */
  --color-hover-dark:       #6A3A50;
  /* Roxo profundo para hover escuro */
  --color-disabled:         #D0D7DE;
  /* Azul acinzentado claro para itens desativados */
}

/* line 1, app/assets/stylesheets/config/themes/_violet.scss */
[data-theme="violet"] {
  --color-primary:          #8E44AD;
  /* Violeta vibrante */
  --color-primary-hover:    #732D91;
  /* Violeta mais escuro para hover */
  --color-primary-bg:       #F4EAF7;
  /* Lilás claro, ideal para fundos */
  --color-secondary:        #5E366A;
  /* Roxo profundo para contraste */
  --color-secondary-muted:  #A593B1;
  /* Roxo acinzentado para elementos neutros */
  --color-tertiary:         #D3C4E3;
  /* Lilás pastel para áreas secundárias */
  --color-accent:           #BA68C8;
  /* Roxo vibrante para destaques */
  --color-glint:            #EADAF4;
  /* Lilás claro para pequenos destaques */
  --color-sidebar:          #5E366A;
  /* Fundo roxo profundo para o sidebar */
  --color-sidebar-text:     #FFFFFF;
  /* Texto no sidebar em branco */
  --color-sidebar-muted:    #D3C4E3;
  /* Lilás pastel para texto ou ícones secundários no sidebar */
  --color-white:            #FFFFFF;
  /* Branco puro */
  --color-background:       #F9F6FB;
  /* Fundo geral lilás muito claro */
  --color-text-header:      #732D91;
  /* Violeta escuro para títulos */
  --color-text-body:        #4F4F4F;
  /* Cinza escuro para corpo de texto */
  --color-text-muted:       #6A6A6A;
  /* Cinza médio para textos menos importantes */
  --color-light:            #F4EAF7;
  /* Lilás muito claro para áreas secundárias */
  --color-dark:             #5E366A;
  /* Roxo profundo como cor principal */
  /* Adicionais */
  --color-border:           #8E44AD;
  /* Violeta vibrante para bordas */
  --color-hover-light:      #EAD1F1;
  /* Hover suave em áreas claras */
  --color-hover-dark:       #4A2655;
  /* Roxo profundo para hover */
  --color-disabled:         #E6DDE8;
  /* Lilás acinzentado claro para itens desativados */
}

/* line 1, app/assets/stylesheets/config/themes/_soft.scss */
[data-theme="soft"] {
  --color-primary:          #DB5461;
  /* Vermelho vibrante para ações principais */
  --color-primary-hover:    #B7444F;
  /* Vermelho mais escuro para hover */
  --color-primary-bg:       #FAFAFA;
  /* Branco muito claro, ideal para fundos */
  --color-secondary:        #8AA29E;
  /* Verde acinzentado suave */
  --color-secondary-muted:  #B0C4C2;
  /* Verde claro para elementos neutros */
  --color-tertiary:         #E3F2FD;
  /* Azul claro para fundos e áreas secundárias */
  --color-accent:           #686963;
  /* Cinza escuro para textos e contrastes */
  --color-glint:            #F7F7F7;
  /* Branco gelo para destaques leves */
  --color-sidebar:          #8AA29E;
  /* Fundo verde acinzentado para o sidebar */
  --color-sidebar-text:     #FAFAFA;
  /* Texto no sidebar em branco */
  --color-sidebar-muted:    #E3F2FD;
  /* Azul claro para texto ou ícones secundários no sidebar */
  --color-white:            #FFFFFF;
  /* Branco puro */
  --color-background:       #FAFAFA;
  /* Fundo geral branco */
  --color-text-header:      #DB5461;
  /* Vermelho vibrante para títulos */
  --color-text-body:        #4F4F4F;
  /* Cinza escuro para corpo de texto */
  --color-text-muted:       #686963;
  /* Cinza médio para textos menos importantes */
  --color-light:            #F7F9FA;
  /* Branco gelo para áreas secundárias */
  --color-dark:             #686963;
  /* Cinza escuro como cor principal */
  /* Adicionais */
  --color-border:           #DB5461;
  /* Vermelho vibrante para bordas */
  --color-hover-light:      #EDF6F9;
  /* Hover suave em áreas claras */
  --color-hover-dark:       #585959;
  /* Cinza mais escuro para hover */
  --color-disabled:         #D0D5D7;
  /* Cinza claro para itens desativados */
}

/* line 1, app/assets/stylesheets/config/themes/_main.scss */
[data-theme="main"] {
  --color-primary:          var(--color-blue-700);
  --color-primary-hover:    var(--color-blue-800);
  --color-primary-bg:       var(--color-gray-300);
  --color-secondary:        var(--color-red-600);
  --color-secondary-muted:  var(--color-red-400);
  --color-tertiary:         var(--color-red-800);
  --color-accent:           var(--color-blue-500);
  --color-glint:            var(--color-yellow-300);
  --color-sidebar:          var(--color-blue-900);
  --color-sidebar-text:     var(--color-gray-50);
  --color-sidebar-muted:    var(--color-yellow-400);
  --color-white:            var(--color-gray-50);
  --color-background:       var(--color-gray-100);
  --color-text-header:      var(--color-blue-700);
  --color-text-body:        var(--color-gray-700);
  --color-text-muted:       var(--color-gray-500);
  --color-light:            var(--color-gray-200);
  --color-dark:             var(--color-blue-900);
  --color-border:           var(--color-gray-300);
  --color-hover-light:      var(--color-yellow-200);
  --color-hover-dark:       var(--color-red-700);
  --color-disabled:         var(--color-gray-400);
}

/* line 1, app/assets/stylesheets/config/themes/_somos-educacao.scss */
[data-theme="somos-educacao"] {
  --color-primary:          #EE3780;
  --color-primary-hover:    #D92E6F;
  --color-primary-bg:       #FFF5F8;
  --color-secondary:        #FF85B3;
  --color-secondary-muted:  #FFA1C7;
  --color-tertiary:         #D92E6F;
  --color-accent:           #FFD700;
  --color-glint:            #FFC107;
  --color-sidebar:          #EE3780;
  --color-sidebar-text:     #FFFFFF;
  --color-sidebar-muted:    #FFD9E4;
  --color-white:            #FFFFFF;
  --color-background:       #FFF5F8;
  --color-text-header:      #EE3780;
  --color-text-body:        #444444;
  --color-text-muted:       #777777;
  --color-light:            #F8F8F8;
  --color-dark:             #99003D;
  --color-border:           #FFCCE0;
  --color-hover-light:      #FFB6C1;
  --color-hover-dark:       #CC295D;
  --color-disabled:         #E0E0E0;
}

/* line 2, app/assets/stylesheets/config/_reset.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* line 8, app/assets/stylesheets/config/_reset.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 13, app/assets/stylesheets/config/_reset.scss */
html {
  overflow-y: scroll;
  height: 100%;
}

/* line 18, app/assets/stylesheets/config/_reset.scss */
body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background-color: var(--color-background);
  color: var(--color-text-body);
  line-height: var(--line-height-body);
  font-family: var(--font-family-sans);
}

/* line 29, app/assets/stylesheets/config/_reset.scss */
img,
picture,
svg {
  display: block;
  max-width: 100%;
}

/* line 36, app/assets/stylesheets/config/_reset.scss */
input,
button,
textarea,
select {
  font: inherit;
}

/* line 42, app/assets/stylesheets/config/_reset.scss */
button, input, select, optgroup, textarea {
  background-color: var(--color-white);
}

/* line 46, app/assets/stylesheets/config/_reset.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-text-header);
  line-height: var(--line-height-headers);
}

/* line 56, app/assets/stylesheets/config/_reset.scss */
h1 {
  font-size: var(--font-size-xxxl);
}

/* line 60, app/assets/stylesheets/config/_reset.scss */
h2 {
  font-size: var(--font-size-xxl);
}

/* line 64, app/assets/stylesheets/config/_reset.scss */
h3 {
  font-size: var(--font-size-xl);
}

/* line 68, app/assets/stylesheets/config/_reset.scss */
h4 {
  font-size: var(--font-size-l);
}

/* line 72, app/assets/stylesheets/config/_reset.scss */
a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color 200ms;
}

/* line 77, app/assets/stylesheets/config/_reset.scss */
a:hover, a:focus, a:active {
  color: var(--color-primary-hover);
}

/* line 84, app/assets/stylesheets/config/_reset.scss */
._bold {
  font-weight: bold;
}

@keyframes appear-then-fade {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  90% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}

/* line 1, app/assets/stylesheets/components/_btn.scss */
._btn {
  display: inline-block;
  padding: var(--space-xxs) var(--space-m);
  /* Espaçamento consistente */
  border-radius: var(--border-radius);
  background-origin: border-box;
  /* Permite bordas invisíveis com gradientes */
  background-color: transparent;
  /* Inicialmente transparente */
  border: solid 2px transparent;
  font-weight: bold;
  font-size: var(--font-size-m);
  /* Tamanho de texto padrão */
  text-decoration: none;
  cursor: pointer;
  outline: none;
  text-align: center;
  transition: filter 400ms, color 200ms, background-color 200ms;
  /* Modificador Primário */
  /* Modificador Secundário */
  /* Modificador Destaque */
  /* Modificador Claro */
  /* Modificador Escuro */
  /* Modificador Transparente */
  /* Tamanhos */
  /* Desabilitado */
}

/* line 16, app/assets/stylesheets/components/_btn.scss */
._btn:hover, ._btn:focus, ._btn:active {
  transition: filter 250ms, color 200ms, background-color 200ms;
}

/* line 23, app/assets/stylesheets/components/_btn.scss */
._btn--primary {
  color: var(--color-white);
  background-image: linear-gradient(to right, var(--color-primary), var(--color-primary-hover));
  border-color: var(--color-primary);
}

/* line 28, app/assets/stylesheets/components/_btn.scss */
._btn--primary:hover, ._btn--primary:focus, ._btn--primary:active {
  filter: saturate(1.1) brightness(100%);
  color: var(--color-white);
  background-image: linear-gradient(to left, var(--color-primary), var(--color-primary-hover));
}

/* line 37, app/assets/stylesheets/components/_btn.scss */
._btn--primary:disabled {
  cursor: not-allowed;
}

/* line 43, app/assets/stylesheets/components/_btn.scss */
._btn--secondary {
  color: var(--color-white);
  background-image: linear-gradient(to right, var(--color-secondary), var(--color-secondary-muted));
  border-color: var(--color-secondary);
}

/* line 48, app/assets/stylesheets/components/_btn.scss */
._btn--secondary:hover, ._btn--secondary:focus, ._btn--secondary:active {
  filter: saturate(1.1) brightness(100%);
  color: var(--color-white);
  background-image: linear-gradient(to left, var(--color-secondary), var(--color-secondary-muted));
}

/* line 59, app/assets/stylesheets/components/_btn.scss */
._btn--highlight {
  color: var(--color-dark);
  background-image: linear-gradient(to right, var(--color-tertiary), var(--color-accent));
  border-color: var(--color-tertiary);
}

/* line 72, app/assets/stylesheets/components/_btn.scss */
._btn--light {
  color: var(--color-dark);
  background-color: var(--color-light);
  border-color: var(--color-light);
}

/* line 85, app/assets/stylesheets/components/_btn.scss */
._btn--dark {
  color: var(--color-white);
  background-color: var(--color-dark);
  border-color: var(--color-dark);
}

/* line 98, app/assets/stylesheets/components/_btn.scss */
._btn--transparent {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--color-primary);
}

/* line 112, app/assets/stylesheets/components/_btn.scss */
._btn--small {
  padding: var(--space-xxs) var(--space-s);
  font-size: var(--font-size-s);
}

/* line 117, app/assets/stylesheets/components/_btn.scss */
._btn--large {
  padding: var(--space-s) var(--space-xl);
  font-size: var(--font-size-l);
}

/* line 123, app/assets/stylesheets/components/_btn.scss */
._btn--disabled {
  color: var(--color-text-muted);
  background-color: var(--color-light);
  border-color: var(--color-light);
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(50%);
}

/* line 1, app/assets/stylesheets/components/_card.scss */
._card {
  border: var(--border);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-small);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  text-align: center;
  padding: var(--space-l);
}

/* line 13, app/assets/stylesheets/components/_card.scss */
._card--login {
  max-width: 400px;
  margin: 0 auto;
}

/* line 18, app/assets/stylesheets/components/_card.scss */
._card__header {
  margin-bottom: var(--space-l);
}

/* line 22, app/assets/stylesheets/components/_card.scss */
._card__logo {
  width: 100px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* line 29, app/assets/stylesheets/components/_card.scss */
._card__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-m);
}

/* line 39, app/assets/stylesheets/components/_card.scss */
._card__title {
  margin: var(--space-m) 0 var(--space-m);
  font-size: var(--font-size-xl);
  font-weight: bold;
  color: var(--color-text-header);
}

/* line 46, app/assets/stylesheets/components/_card.scss */
._card__footer {
  margin-top: var(--space-l);
  padding-top: var(--space-s);
  border-top: var(--border);
  font-size: var(--font-size-s);
  color: var(--color-text-muted);
}

/* line 54, app/assets/stylesheets/components/_card.scss */
._card__footer-text {
  margin: 0;
}

/* line 1, app/assets/stylesheets/components/_error_message.scss */
._error-message {
  width: 100%;
  color: var(--color-primary);
  background-color: var(--color-primary-bg);
  padding: var(--space-xs);
  border-radius: var(--border-radius);
}

/* line 2, app/assets/stylesheets/components/_form.scss */
._form {
  padding-top: var(--space-l);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--space-xs);
  width: -moz-fit-content;
  width: fit-content;
}

/* line 10, app/assets/stylesheets/components/_form.scss */
._form--full {
  width: 100%;
}

/* line 12, app/assets/stylesheets/components/_form.scss */
._form--full ._form__group {
  justify-content: flex-end;
}

/* line 17, app/assets/stylesheets/components/_form.scss */
._form__group {
  display: flex;
  flex-direction: row;
  -moz-column-gap: var(--space-s);
       column-gap: var(--space-s);
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

/* line 27, app/assets/stylesheets/components/_form.scss */
._form__radio-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-s);
}

/* line 33, app/assets/stylesheets/components/_form.scss */
._form__add-item, ._form__remove-item {
  cursor: pointer;
}

/* line 38, app/assets/stylesheets/components/_form.scss */
._form__add-item {
  color: var(--color-green-500);
}

/* line 43, app/assets/stylesheets/components/_form.scss */
._form__remove-item {
  color: var(--color-red-500);
}

/* line 47, app/assets/stylesheets/components/_form.scss */
._form__label {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}

/* line 52, app/assets/stylesheets/components/_form.scss */
._form__list {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xxs);
}

/* line 58, app/assets/stylesheets/components/_form.scss */
._form__list_item {
  display: flex;
  justify-content: end;
  -moz-column-gap: var(--space-s);
       column-gap: var(--space-s);
  align-items: center;
}

/* line 71, app/assets/stylesheets/components/_form.scss */
._form--compact {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
  align-items: center;
}

/* line 78, app/assets/stylesheets/components/_form.scss */
._form--compact ._form__group {
  display: flex;
  flex-direction: row;
  -moz-column-gap: var(--space-s);
       column-gap: var(--space-s);
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}

/* line 2, app/assets/stylesheets/components/_visually_hidden.scss */
._visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* line 1, app/assets/stylesheets/components/_turbo_progress_bar.scss */
.turbo-progress-bar {
  background: linear-gradient(to right, var(--color-primary), var(--color-primary-rotate));
}

/* line 1, app/assets/stylesheets/components/_header.scss */
._header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-height);
  flex-wrap: wrap;
  padding: 0 var(--space-m);
  background: linear-gradient(to bottom, var(--color-gray-200), var(--color-gray-50));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--color-gray-200);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

/* line 23, app/assets/stylesheets/components/_header.scss */
._header__logo {
  font-size: var(--font-size-xl);
  font-weight: bold;
  color: var(--color-primary);
  /* Violeta vibrante para o logo */
}

/* line 28, app/assets/stylesheets/components/_header.scss */
._header__logo img {
  height: 50px;
  border-radius: var(--border-radius);
}

/* line 34, app/assets/stylesheets/components/_header.scss */
._header__nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-m);
  display: none;
  flex-direction: column;
  width: 100%;
}

/* line 44, app/assets/stylesheets/components/_header.scss */
._header__nav--open {
  display: flex;
  /* Mostrar menu quando ativo */
}

@media (min-width: 50rem) {
  /* line 34, app/assets/stylesheets/components/_header.scss */
  ._header__nav {
    display: flex;
    flex-direction: row;
    /* Layout horizontal em telas maiores */
    width: auto;
  }
}

/* line 55, app/assets/stylesheets/components/_header.scss */
._header__button {
  padding: var(--space-s) var(--space-l);
  border: solid 2px var(--color-primary);
  /* Borda violeta vibrante */
  border-radius: var(--border-radius);
  background-color: var(--color-primary);
  /* Fundo lilás pastel */
  font-size: var(--font-size-m);
  font-family: var(--font-family-sans);
  color: var(--color-background);
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

/* line 66, app/assets/stylesheets/components/_header.scss */
._header__button:hover {
  background-color: var(--color-accent);
  /* Roxo vibrante no hover */
  border-color: var(--color-primary);
  /* Violeta no hover */
  color: var(--color-white);
  /* Texto branco no hover */
}

/* line 72, app/assets/stylesheets/components/_header.scss */
._header__button--active {
  background-color: var(--color-accent);
  /* Violeta vibrante no estado ativo */
  border-color: var(--color-primary-hover);
  /* Violeta escuro no contorno */
  color: var(--color-white);
  font-weight: bold;
}

/* line 80, app/assets/stylesheets/components/_header.scss */
._header__extras {
  position: relative;
  font-size: var(--font-size-l);
  font-style: italic;
  color: var(--color-dark);
  /* Texto roxo escuro */
  cursor: pointer;
  transition: color 0.3s;
}

/* line 88, app/assets/stylesheets/components/_header.scss */
._header__extras:hover {
  color: var(--color-accent);
  /* Roxo vibrante no hover */
}

/* line 92, app/assets/stylesheets/components/_header.scss */
._header__extras .material-icons {
  font-size: var(--font-size-xl);
}

/* line 95, app/assets/stylesheets/components/_header.scss */
._header__extras .material-icons__toggle {
  font-size: var(--font-size-xxxl);
}

/* line 101, app/assets/stylesheets/components/_header.scss */
._header__extras ._header__dropdown {
  display: none;
  /* Oculto por padrão */
  position: absolute;
  top: calc(100% + var(--space-s));
  right: 0;
  background: linear-gradient(to top, var(--color-gray-200), var(--color-gray-100));
  border: solid 2px var(--color-border);
  /* Borda violeta vibrante */
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-small);
  padding: var(--space-s);
  z-index: 1000;
  white-space: nowrap;
  /* Evita quebra de texto */
}

/* line 129, app/assets/stylesheets/components/_header.scss */
._header__extras ._header__dropdown-title {
  padding: 0 var(--space-m);
  color: var(--color-primary);
  /* Título em violeta vibrante */
}

/* line 134, app/assets/stylesheets/components/_header.scss */
._header__extras ._header__dropdown-subtitle {
  font-size: var(--font-size-s);
  padding: 0 var(--space-m);
  color: var(--color-text-muted);
}

/* line 140, app/assets/stylesheets/components/_header.scss */
._header__extras ._header__dropdown-user-type {
  font-size: var(--font-size-s);
  padding: 0 var(--space-m);
  padding-bottom: var(--space-m);
  border-bottom: var(--border);
  color: var(--color-secondary);
}

/* line 152, app/assets/stylesheets/components/_header.scss */
._header__extras ._header__dropdown-item {
  display: flex;
  -moz-column-gap: var(--space-s);
       column-gap: var(--space-s);
  align-items: center;
  padding: var(--space-s) var(--space-m);
  font-size: var(--font-size-xl);
  color: var(--color-dark);
  /* Texto roxo escuro */
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.3s;
}

/* line 167, app/assets/stylesheets/components/_header.scss */
._header__extras ._header__dropdown-item:hover, ._header__extras ._header__dropdown-item--active {
  color: var(--color-dark);
  /* Texto roxo escuro no hover */
  background-color: var(--color-gray-50);
}

/* line 173, app/assets/stylesheets/components/_header.scss */
._header__extras ._header__dropdown-item--exit {
  color: var(--color-primary);
  /* Violeta vibrante para ações críticas */
}

/* line 179, app/assets/stylesheets/components/_header.scss */
._header__extras ._header__dropdown-item-nav {
  display: inline;
}

@media (min-width: 50rem) {
  /* line 179, app/assets/stylesheets/components/_header.scss */
  ._header__extras ._header__dropdown-item-nav {
    display: none;
  }
}

/* line 188, app/assets/stylesheets/components/_header.scss */
._header__extras--active ._header__dropdown {
  display: flex;
  /* Mostrar dropdown quando ativo */
  flex-direction: column;
}

@media (min-width: 50rem) {
  /* line 1, app/assets/stylesheets/components/_header.scss */
  ._header {
    flex-direction: row;
    align-items: center;
  }
  /* line 199, app/assets/stylesheets/components/_header.scss */
  ._header__extras {
    justify-content: flex-end;
  }
}

/* line 1, app/assets/stylesheets/components/_footer.scss */
._footer {
  border-top: 1px solid var(--color-gray-200);
  color: var(--color-gray-600);
  font-size: 0.875rem;
  margin-top: auto;
  background: linear-gradient(to top, var(--color-gray-200), var(--color-gray-50));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

/* line 22, app/assets/stylesheets/components/_footer.scss */
._footer__container {
  width: 100%;
  margin: 0 auto;
  padding: 1rem 1.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

/* line 33, app/assets/stylesheets/components/_footer.scss */
._footer__left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  /* line 33, app/assets/stylesheets/components/_footer.scss */
  ._footer__left {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* line 46, app/assets/stylesheets/components/_footer.scss */
._footer__brand {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 51, app/assets/stylesheets/components/_footer.scss */
._footer__brand ._footer__logo {
  height: 20px;
}

/* line 55, app/assets/stylesheets/components/_footer.scss */
._footer__brand ._footer__name {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-gray-900);
}

/* line 62, app/assets/stylesheets/components/_footer.scss */
._footer__copy {
  color: var(--color-gray-500);
}

/* line 67, app/assets/stylesheets/components/_footer.scss */
._footer__contact a._footer__link {
  color: var(--color-gray-500);
  font-weight: 500;
  text-decoration: none;
}

/* line 72, app/assets/stylesheets/components/_footer.scss */
._footer__contact a._footer__link:hover {
  text-decoration: underline;
  color: var(--color-primary-hover);
}

@media (max-width: 640px) {
  /* line 66, app/assets/stylesheets/components/_footer.scss */
  ._footer__contact {
    width: 100%;
    margin-top: 0.5rem;
    text-align: left;
  }
}

/* line 85, app/assets/stylesheets/components/_footer.scss */
._footer__info {
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 640px) {
  /* line 85, app/assets/stylesheets/components/_footer.scss */
  ._footer__info {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 94, app/assets/stylesheets/components/_footer.scss */
  ._footer__info ._footer__divider {
    display: none;
  }
}

/* line 100, app/assets/stylesheets/components/_footer.scss */
._footer__divider {
  width: 1px;
  height: 1.25rem;
  background-color: var(--color-gray-300);
}

/* line 1, app/assets/stylesheets/components/_sidebar.scss */
._sidebar {
  position: fixed;
  width: var(--sidebar-width);
  transition: width 0.3s ease-in-out;
  background: linear-gradient(to left bottom, var(--color-sidebar), var(--color-primary-hover));
  color: var(--color-sidebar-text);
  /* Texto principal em branco */
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100vh;
  box-shadow: var(--shadow-large);
  overflow: hidden;
  z-index: 1000;
}

/* line 25, app/assets/stylesheets/components/_sidebar.scss */
._sidebar--collapsed {
  width: 0;
}

/* line 29, app/assets/stylesheets/components/_sidebar.scss */
._sidebar:not(._sidebar--collapsed) ~ ._job-item {
  background-color: blue !important;
}

/* line 35, app/assets/stylesheets/components/_sidebar.scss */
._sidebar ._sidebar__header {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-s);
  align-items: start;
  padding: var(--space-m);
  border-bottom: 1px solid var(--color-border);
  /* Borda com cor vibrante */
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* line 44, app/assets/stylesheets/components/_sidebar.scss */
._sidebar ._sidebar__header ._sidebar__header-item {
  display: flex;
  -moz-column-gap: var(--space-s);
       column-gap: var(--space-s);
  align-items: center;
  color: var(--color-sidebar-text);
}

/* line 50, app/assets/stylesheets/components/_sidebar.scss */
._sidebar ._sidebar__header ._sidebar__header-item ._title {
  color: var(--color-sidebar-text);
}

/* line 57, app/assets/stylesheets/components/_sidebar.scss */
._sidebar--collapsed ._sidebar ._sidebar__header {
  opacity: 0;
  visibility: hidden;
}

/* line 63, app/assets/stylesheets/components/_sidebar.scss */
._sidebar ._sidebar__toggle {
  background: var(--color-blue-700);
  padding: var(--space-xxs) var(--space-xxs);
  border: none;
  border-radius: var(--border-radius);
  font-size: var(--font-size-xxxl);
  cursor: pointer;
  color: var(--color-sidebar-text);
  /* Destaque sutil para o botão de toggle */
}

/* line 72, app/assets/stylesheets/components/_sidebar.scss */
._sidebar ._sidebar__toggle:hover {
  background: var(--color-blue-500);
}

/* line 78, app/assets/stylesheets/components/_sidebar.scss */
._sidebar ._sidebar__menu {
  flex-grow: 1;
  overflow-y: auto;
}

/* line 83, app/assets/stylesheets/components/_sidebar.scss */
._sidebar ._sidebar__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 89, app/assets/stylesheets/components/_sidebar.scss */
._sidebar ._sidebar__item {
  display: flex;
  align-items: center;
  padding: var(--space-s) var(--space-m);
  cursor: pointer;
  transition: padding 0.3s ease-in-out, background-color 0.2s, color 0.2s;
  color: var(--color-sidebar-text);
  /* Texto principal */
}

/* line 97, app/assets/stylesheets/components/_sidebar.scss */
._sidebar ._sidebar__item--active {
  background-color: var(--color-primary-hover);
  /* Fundo do item ativo */
  font-weight: bold;
  color: var(--color-white);
  /* Contraste máximo no item ativo */
}

/* line 103, app/assets/stylesheets/components/_sidebar.scss */
._sidebar ._sidebar__item:hover {
  background-color: var(--color-primary-hover);
  /* Fundo ao passar o mouse */
  color: var(--color-white);
  /* Contraste no hover */
}

/* line 109, app/assets/stylesheets/components/_sidebar.scss */
._sidebar--collapsed ._sidebar ._sidebar__item {
  padding: var(--space-s);
}

/* line 114, app/assets/stylesheets/components/_sidebar.scss */
._sidebar ._sidebar__icon {
  margin-right: var(--space-s);
  font-size: var(--font-size-l);
  color: var(--color-sidebar-muted);
  /* Ícones com tom mais suave */
  transition: margin 0.3s ease-in-out, color 0.2s;
}

/* line 120, app/assets/stylesheets/components/_sidebar.scss */
._sidebar ._sidebar__icon:hover {
  color: var(--color-accent);
  /* Destaque para ícones ao passar o mouse */
}

/* line 125, app/assets/stylesheets/components/_sidebar.scss */
._sidebar--collapsed ._sidebar ._sidebar__icon {
  margin-right: 0;
}

/* line 130, app/assets/stylesheets/components/_sidebar.scss */
._sidebar ._sidebar__text {
  opacity: 1;
  display: inline-block;
  color: var(--color-sidebar-text);
  /* Texto principal claro */
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* line 137, app/assets/stylesheets/components/_sidebar.scss */
._sidebar--collapsed ._sidebar ._sidebar__text {
  opacity: 0;
  visibility: hidden;
}

/* line 146, app/assets/stylesheets/components/_sidebar.scss */
body:not(.sidebar-collapsed) ._job-item, body:not(.sidebar-collapsed) ._job-item__header, body:not(.sidebar-collapsed) ._job-item__body {
  max-width: calc(100vw - var(--sidebar-width) - (var(--space-m) * 2));
}

/* line 1, app/assets/stylesheets/components/_title.scss */
._title-container {
  display: flex;
  align-items: center;
  justify-content: center;
  /* Centraliza horizontalmente */
  background: var(--color-gray-100);
  /* Fundo suave para destacar */
  padding: var(--space-s);
  border-radius: var(--space-xxs);
  width: 100%;
  margin-bottom: var(--space-s);
}

/* line 12, app/assets/stylesheets/components/_title.scss */
._title {
  font-size: var(--font-size-xl);
  font-weight: bold;
  color: var(--color-gray-700);
  text-align: center;
}

/* line 18, app/assets/stylesheets/components/_title.scss */
._title--red {
  color: var(--color-red-500);
}

@media (max-width: 768px) {
  /* line 24, app/assets/stylesheets/components/_title.scss */
  ._title-container {
    padding: 8px;
  }
}

/* line 1, app/assets/stylesheets/components/_input.scss */
._input {
  width: 100%;
  padding: var(--space-xxs);
  border: var(--border);
  border-radius: var(--border-radius);
  font-size: var(--font-size-m);
  color: var(--color-text-body);
  outline: none;
  box-shadow: none;
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

/* line 13, app/assets/stylesheets/components/_input.scss */
._input:hover {
  border-color: var(--color-primary);
}

/* line 18, app/assets/stylesheets/components/_input.scss */
._input:focus {
  border-color: var(--color-primary-hover);
  box-shadow: 0 0 8px rgba(0, 123, 255, 0.25);
}

/* line 24, app/assets/stylesheets/components/_input.scss */
._input::-moz-placeholder {
  color: var(--color-text-muted);
  font-style: italic;
}
._input::placeholder {
  color: var(--color-text-muted);
  font-style: italic;
}

/* line 29, app/assets/stylesheets/components/_input.scss */
._input--fit {
  width: -moz-fit-content;
  width: fit-content;
}

/* line 33, app/assets/stylesheets/components/_input.scss */
._input--slim {
  width: -moz-fit-content;
  width: fit-content;
  padding: var(--space-xxxxs);
}

/* line 1, app/assets/stylesheets/components/job/_job-item.scss */
._job-item {
  display: grid;
  flex-direction: column;
  row-gap: var(--space-s);
  background-color: var(--color-white);
  border: var(--border);
  box-shadow: var(--shadow-large);
}

/* line 9, app/assets/stylesheets/components/job/_job-item.scss */
._job-item:last-child {
  background-color: transparent;
}

/* line 14, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  padding-bottom: var(--space-s);
  border-bottom: var(--border);
}

/* line 22, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__header__container {
  display: flex;
  align-items: center;
  gap: var(--space-s);
  flex-wrap: wrap;
}

/* line 33, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__header__container:first-child {
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-start;
}

@media (max-width: 600px) {
  /* line 33, app/assets/stylesheets/components/job/_job-item.scss */
  ._job-item__header__container:first-child {
    flex-direction: column;
    row-gap: 0.45rem;
    width: 100%;
  }
  /* line 45, app/assets/stylesheets/components/job/_job-item.scss */
  ._job-item__header__container:first-child ._job-item__header--status-container {
    width: 100%;
  }
  /* line 52, app/assets/stylesheets/components/job/_job-item.scss */
  ._job-item__header__container:first-child .items-center {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
  }
  /* line 56, app/assets/stylesheets/components/job/_job-item.scss */
  ._job-item__header__container:first-child .items-center ._job-item__header--id {
    width: 100%;
    display: block;
    border-radius: 0;
  }
  /* line 61, app/assets/stylesheets/components/job/_job-item.scss */
  ._job-item__header__container:first-child .items-center ._job-item__header--title {
    margin-left: var(--space-s);
  }
  /* line 65, app/assets/stylesheets/components/job/_job-item.scss */
  ._job-item__header__container:first-child ._job-item__header--status {
    border-radius: 0;
    width: 100%;
    display: block;
    white-space: wrap;
  }
}

/* line 74, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__header__container:nth-child(2) {
  margin-left: var(--space-xs);
  gap: var(--space-xs);
}

/* line 79, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__header--id {
  border: var(--border);
  background-image: linear-gradient(to right, var(--color-primary), var(--color-accent));
  color: var(--color-light);
  font-weight: bold;
  border-bottom-right-radius: 0.7rem;
  padding: var(--space-xxs) var(--space-l);
  align-self: flex-start;
}

/* line 90, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__header--title {
  font-weight: bold;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  -webkit-hyphens: auto;
          hyphens: auto;
  max-width: 100%;
  display: block;
}

/* line 101, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__header--status-container {
  padding: var(--space-xxs) 0;
}

/* line 107, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__header--status {
  border: var(--border);
  background-image: linear-gradient(to bottom, var(--color-gray-700), var(--color-gray-500));
  padding: var(--space-xxs) var(--space-l);
  color: var(--color-white);
  font-weight: bolder;
  border-bottom-left-radius: 0.7rem;
  align-self: flex-start;
  white-space: nowrap;
}

/* line 121, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__header--status--default {
  color: var(--color-white);
  background-image: linear-gradient(to bottom, var(--color-gray-700), var(--color-gray-500));
}

/* line 126, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__header--status--success {
  color: var(--color-white);
  background-image: linear-gradient(to bottom, var(--color-green-600), var(--color-green-500));
}

/* line 131, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__header--status--error {
  color: var(--color-white);
  background-image: linear-gradient(to bottom, var(--color-red-600), var(--color-red-500));
}

/* line 136, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__header--status--attention {
  color: var(--color-white);
  background-image: linear-gradient(to bottom, var(--color-blue-600), var(--color-blue-500));
}

/* line 141, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__header--status--processing {
  color: var(--color-white);
  background-image: linear-gradient(to bottom, var(--color-cyan-600), var(--color-cyan-500));
}

/* line 148, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__header--email {
  border: var(--border);
  background-color: var(--color-glint);
  padding: 0 var(--space-xs);
}

/* line 156, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body {
  padding: 0 var(--space-s);
}

/* line 157, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-wrapper {
  display: grid;
  gap: var(--space-s);
  margin: var(--space-xxs);
  grid-template-columns: 16rem repeat(3, auto);
  /* Responsividade */
}

@media (min-width: 1368px) {
  /* line 164, app/assets/stylesheets/components/job/_job-item.scss */
  ._job-item__body-wrapper ._job-item__body-item--status-container {
    justify-self: end;
    text-align: right;
    justify-content: flex-end;
  }
}

@media (max-width: 1049px) {
  /* line 172, app/assets/stylesheets/components/job/_job-item.scss */
  ._job-item__body-wrapper ._job-item__body-item--status-container {
    justify-self: start;
    text-align: left;
    justify-content: flex-start;
  }
}

@media (max-width: 1368px) {
  /* line 157, app/assets/stylesheets/components/job/_job-item.scss */
  ._job-item__body-wrapper {
    grid-template-columns: 16rem repeat(2, auto);
  }
}

@media (max-width: 1050px) {
  /* line 157, app/assets/stylesheets/components/job/_job-item.scss */
  ._job-item__body-wrapper {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  /* line 157, app/assets/stylesheets/components/job/_job-item.scss */
  ._job-item__body-wrapper {
    grid-template-columns: 1fr;
  }
}

/* line 198, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item {
  display: flex;
  flex-wrap: wrap;
  align-self: center;
  gap: var(--space-xxxs);
}

@media (max-width: 720px) {
  /* line 198, app/assets/stylesheets/components/job/_job-item.scss */
  ._job-item__body-item {
    grid-template-columns: 1fr;
    border-bottom: var(--border);
  }
  /* line 209, app/assets/stylesheets/components/job/_job-item.scss */
  ._job-item__body-item:last-child {
    border-bottom: none;
  }
}

/* line 214, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item ._pdf_preview {
  border: var(--border);
  margin-right: var(--space-xxs);
  box-shadow: var(--shadow);
  height: -moz-fit-content;
  height: fit-content;
}

/* line 221, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item--pdf-container {
  flex-wrap: nowrap;
  align-items: center;
}

/* line 225, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item--half {
  flex-grow: 0;
  flex-basis: auto;
}

/* line 230, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status {
  display: flex;
  gap: var(--space-s);
  flex-wrap: wrap;
  justify-content: end;
  max-height: var(--xxl);
}

/* line 240, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button {
  cursor: pointer;
  padding: var(--space-xxxs);
  border-radius: 1rem;
  height: 36px;
  width: 36px;
}

/* line 247, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button--pdf1 {
  color: var(--color-green-500);
  background-color: var(--color-gray-50);
  border: 2px solid var(--color-green-500);
}

/* line 251, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button--pdf1:hover {
  color: var(--color-green-600);
}

/* line 256, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button--pdf2, ._job-item__body-item__status__button--resend-job {
  color: var(--color-purple-500);
  background-color: var(--color-gray-50);
  border: 2px solid var(--color-purple-500);
}

/* line 260, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button--pdf2:hover, ._job-item__body-item__status__button--resend-job:hover {
  color: var(--color-purble-600);
}

/* line 265, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button--print-house {
  color: var(--color-pink-500);
  background-color: var(--color-gray-50);
  border: 2px solid var(--color-pink-500);
}

/* line 269, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button--print-house:hover {
  color: var(--color-pink-600);
}

/* line 274, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button--release-operator, ._job-item__body-item__status__button--approve-job, ._job-item__body-item__status__button--download-report {
  color: var(--color-green-600);
  background-color: var(--color-gray-50);
  border: 2px solid var(--color-green-600);
}

/* line 278, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button--release-operator:hover, ._job-item__body-item__status__button--approve-job:hover, ._job-item__body-item__status__button--download-report:hover {
  color: var(--color-green-600);
}

/* line 283, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button--reprocess, ._job-item__body-item__status__button--delete, ._job-item__body-item__status__button--reject-job {
  color: var(--color-red-500);
  background-color: var(--color-gray-50);
  border: 2px solid var(--color-red-500);
}

/* line 287, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button--reprocess:hover, ._job-item__body-item__status__button--delete:hover, ._job-item__body-item__status__button--reject-job:hover {
  color: var(--color-red-600);
}

/* line 292, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button--compare-flicker, ._job-item__body-item__status__button--compare-slider, ._job-item__body-item__status__button--compare-side {
  color: var(--color-blue-500);
  background-color: var(--color-gray-50);
  border: 2px solid var(--color-blue-500);
}

/* line 297, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button--compare-flicker:hover, ._job-item__body-item__status__button--compare-slider:hover, ._job-item__body-item__status__button--compare-side:hover {
  color: var(--color-blue-600);
}

/* line 301, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button--compare-flicker.active, ._job-item__body-item__status__button--compare-slider.active, ._job-item__body-item__status__button--compare-side.active {
  color: var(--color-blue-700);
  background-color: var(--color-blue-100);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 308, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button--bleed-check {
  color: var(--color-orange-500);
  background-color: var(--color-gray-50);
  border: 2px solid var(--color-orange-500);
}

/* line 313, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body-item__status__button--bleed-check:hover {
  color: var(--color-orange-600);
}

/* line 332, app/assets/stylesheets/components/job/_job-item.scss */
._job-item__body ._set_print_house_form {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: var(--space-s);
}

/* line 4, app/assets/stylesheets/components/job/_job_compact.scss */
._job_compact__table tbody tr:nth-child(4n-3),
._job_compact__table tbody tr:nth-child(4n-2) {
  background-color: var(--color-gray-100);
}

/* line 9, app/assets/stylesheets/components/job/_job_compact.scss */
._job_compact__table tbody tr:nth-child(4n-1),
._job_compact__table tbody tr:nth-child(4n) {
  background-color: var(--color-white);
}

/* line 1, app/assets/stylesheets/components/print-house/_show.scss */
._print-house-show {
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: var(--space-s);
  background-color: var(--color-white);
  border: var(--border);
  box-shadow: var(--shadow-large);
}

/* line 10, app/assets/stylesheets/components/print-house/_show.scss */
._print-house-show__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  padding-bottom: var(--space-s);
  border-bottom: var(--border);
}

/* line 17, app/assets/stylesheets/components/print-house/_show.scss */
._print-house-show__header__container {
  display: flex;
  align-items: center;
  gap: var(--space-s);
  flex-wrap: wrap;
}

/* line 24, app/assets/stylesheets/components/print-house/_show.scss */
._print-house-show__header--id {
  border: var(--border);
  background-image: linear-gradient(to right, var(--color-primary), var(--color-accent));
  color: var(--color-light);
  font-weight: bold;
  border-bottom-right-radius: 0.7rem;
  padding: var(--space-xxs) var(--space-l);
}

/* line 33, app/assets/stylesheets/components/print-house/_show.scss */
._print-house-show__header--title {
  font-weight: bold;
}

/* line 38, app/assets/stylesheets/components/print-house/_show.scss */
._print-house-show__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  padding: var(--space-s);
  flex-grow: 1;
  overflow: auto;
}

/* line 1, app/assets/stylesheets/components/_flash.scss */
._flash {
  position: fixed;
  top: 3rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-s);
  width: -moz-max-content;
  width: max-content;
  padding: 0 var(--space-m);
}

/* line 14, app/assets/stylesheets/components/_flash.scss */
._flash__message {
  font-size: var(--font-size-xl);
  color: var(--color-white);
  padding: var(--space-s) var(--space-l);
  background-color: rgba(0, 0, 0, 0.5);
  animation: appear-then-fade 4s both;
  border-radius: var(--space-s);
  text-align: center;
  font-weight: bolder;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

/* line 29, app/assets/stylesheets/components/_flash.scss */
._flash--notice ._flash__message {
  background-color: var(--color-green-500);
}

/* line 36, app/assets/stylesheets/components/_flash.scss */
._flash--alert ._flash__message {
  background-color: var(--color-blue-500);
}

/* line 43, app/assets/stylesheets/components/_flash.scss */
._flash--error ._flash__message {
  background-color: var(--color-red-500);
  animation: appear-then-fade 8s both;
}

/* line 2, app/assets/stylesheets/layouts/_container.scss */
._container {
  width: 100%;
  padding-right: var(--space-xs);
  padding-left: var(--space-xs);
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 50rem) {
  /* line 2, app/assets/stylesheets/layouts/_container.scss */
  ._container {
    padding-right: var(--space-m);
    padding-left: var(--space-m);
    max-width: 60rem;
  }
}

/* line 1, app/assets/stylesheets/layouts/_center-box.scss */
._center-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  max-width: 320px;
  height: auto;
  padding: 16px;
}

@media (min-width: 50rem) {
  /* line 1, app/assets/stylesheets/layouts/_center-box.scss */
  ._center-box {
    max-width: 400px;
    padding: 24px;
  }
}

/* line 1, app/assets/stylesheets/layouts/_main-container.scss */
._main-container {
  width: 100%;
  background-color: var(--color-primary-bg);
  height: calc(100vh - var(--header-height) - var(--footer-height));
  display: flex;
}

/* line 9, app/assets/stylesheets/layouts/_main-container.scss */
._main-container ._main_body {
  padding: var(--space-m);
  background-color: var(--color-primary-bg);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* line 18, app/assets/stylesheets/layouts/_main-container.scss */
._main-container ._main_body__toggle {
  display: none;
  background: none;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  font-size: var(--font-size-xxxl);
  cursor: pointer;
  color: var(--color-text-header);
}

/* line 27, app/assets/stylesheets/layouts/_main-container.scss */
._main-container ._main_body__toggle .material-icons {
  background: var(--color-blue-700);
  padding: var(--space-xxs) var(--space-xxs);
  border: none;
  border-radius: var(--border-radius);
  color: var(--color-sidebar-text);
  /* Destaque sutil para o botão de toggle */
}

/* line 34, app/assets/stylesheets/layouts/_main-container.scss */
._main-container ._main_body__toggle .material-icons:hover {
  background: var(--color-blue-500);
}

/* line 39, app/assets/stylesheets/layouts/_main-container.scss */
._main-container ._main_body__toggle--active {
  display: flex;
  margin-bottom: var(--space-s);
  padding-right: var(--space-s);
}

/* line 47, app/assets/stylesheets/layouts/_main-container.scss */
._main-container ._main_header {
  display: flex;
  align-items: center;
  -moz-column-gap: var(--space-m);
       column-gap: var(--space-m);
}

/* line 54, app/assets/stylesheets/layouts/_main-container.scss */
._main-container ._content {
  height: 100%;
}

/* line 1, app/assets/stylesheets/layouts/_right_container.scss */
._right_container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: var(--sidebar-width);
  transition: width 0.3s ease-in-out;
  width: 100%;
  height: calc(100vh - var(--header-height));
  overflow-y: auto;
}

/* line 11, app/assets/stylesheets/layouts/_right_container.scss */
._right_container--sidebar-collapsed {
  margin-left: 0;
}

/* line 1, app/assets/stylesheets/layouts/_list-container.scss */
._list-container {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-s);
  margin-bottom: var(--space-xxxxl);
}

/* line 1, app/assets/stylesheets/layouts/_stick-top.scss */
._stick-top {
  position: sticky;
  top: 0;
}

/* line 1, app/assets/stylesheets/layouts/_stick-bottom.scss */
._stick-bottom {
  margin-top: auto;
  width: 100%;
}

/* line 4, app/assets/stylesheets/layouts/_uploader.scss */
._uploader .filepond--root .filepond--drop-label:hover {
  background-color: var(--color-gray-100);
  border: 2px dashed var(--color-primary-300);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: background-color 300ms ease, border-color 300ms ease, box-shadow 300ms ease, transform 150ms ease;
  cursor: pointer;
  border-radius: var(--border-radius);
}

/* line 21, app/assets/stylesheets/layouts/_uploader.scss */
._uploader .filepond--root .filepond--drop-label:hover .filepond--label-action {
  font-size: var(--font-size-l);
  transition: font-size 300ms ease;
}

/* line 32, app/assets/stylesheets/layouts/_uploader.scss */
._uploader--small .filepond--root,
._uploader--small .filepond--root .filepond--drop-label {
  min-height: 160px;
  min-width: 250px;
}

/* line 40, app/assets/stylesheets/layouts/_uploader.scss */
._uploader--medium .filepond--root,
._uploader--medium .filepond--root .filepond--drop-label {
  min-height: 160px;
  min-width: 330px;
}

/* line 48, app/assets/stylesheets/layouts/_uploader.scss */
._uploader--large .filepond--root,
._uploader--large .filepond--root .filepond--drop-label {
  min-height: 200px;
  min-width: 330px;
}