@charset "UTF-8";
/* line 1, app/assets/stylesheets/ads/colors.scss */
:root {
  /* Sky */
  --lupin-color-rgb-sky: 58, 172, 236;
  --lupin-color-rgb-sky-900: 34, 105, 136;
  --lupin-color-rgb-sky-800: 40, 122, 161;
  --lupin-color-rgb-sky-700: 46, 138, 186;
  --lupin-color-rgb-sky-600: 52, 155, 211;
  --lupin-color-rgb-sky-500: 58, 172, 236;
  --lupin-color-rgb-sky-400: 64, 199, 239;
  --lupin-color-rgb-sky-300: 112, 213, 243;
  --lupin-color-rgb-sky-200: 160, 227, 247;
  --lupin-color-rgb-sky-100: 208, 241, 251;
  --lupin-color-rgb-sky-50: 231, 248, 253;
  --lupin-color-sky: rgb(var(--lupin-color-rgb-sky));
  --lupin-color-sky-900: rgb(var(--lupin-color-rgb-sky-900));
  --lupin-color-sky-800: rgb(var(--lupin-color-rgb-sky-800));
  --lupin-color-sky-700: rgb(var(--lupin-color-rgb-sky-700));
  --lupin-color-sky-600: rgb(var(--lupin-color-rgb-sky-600));
  --lupin-color-sky-500: rgb(var(--lupin-color-rgb-sky-500));
  --lupin-color-sky-400: rgb(var(--lupin-color-rgb-sky-400));
  --lupin-color-sky-300: rgb(var(--lupin-color-rgb-sky-300));
  --lupin-color-sky-200: rgb(var(--lupin-color-rgb-sky-200));
  --lupin-color-sky-100: rgb(var(--lupin-color-rgb-sky-100));
  --lupin-color-sky-50:  rgb(var(--lupin-color-rgb-sky-50));
  /* Violet */
  --lupin-color-rgb-violet: 39, 60, 140;
  --lupin-color-rgb-violet-900: 30, 48, 115;
  --lupin-color-rgb-violet-800: 34, 55, 130;
  --lupin-color-rgb-violet-600: 70, 87, 160;
  --lupin-color-rgb-violet-500: 102, 115, 179;
  --lupin-color-rgb-violet-400: 134, 143, 199;
  --lupin-color-rgb-violet-300: 165, 171, 218;
  --lupin-color-rgb-violet-200: 197, 199, 230;
  --lupin-color-rgb-violet-100: 228, 227, 242;
  --lupin-color-rgb-violet-50: 243, 242, 250;
  --lupin-color-violet: rgb(var(--lupin-color-rgb-violet));
  --lupin-color-violet-900: rgb(var(--lupin-color-rgb-violet-900));
  --lupin-color-violet-800: rgb(var(--lupin-color-rgb-violet-800));
  --lupin-color-violet-600: rgb(var(--lupin-color-rgb-violet-600));
  --lupin-color-violet-500: rgb(var(--lupin-color-rgb-violet-500));
  --lupin-color-violet-400: rgb(var(--lupin-color-rgb-violet-400));
  --lupin-color-violet-300: rgb(var(--lupin-color-rgb-violet-300));
  --lupin-color-violet-200: rgb(var(--lupin-color-rgb-violet-200));
  --lupin-color-violet-100: rgb(var(--lupin-color-rgb-violet-100));
  --lupin-color-violet-50:  rgb(var(--lupin-color-rgb-violet-50));
  /* White */
  --lupin-color-rgb-white: 255, 255, 255;
  --lupin-color-white: rgb(var(--lupin-color-rgb-white));
  /* Black */
  --lupin-color-rgb-black: 0, 0, 0;
  --lupin-color-black: rgb(var(--lupin-color-rgb-black));
  --lupin-color-black-a95: rgba(var(--lupin-color-rgb-black), 0.95);
  --lupin-color-black-a90: rgba(var(--lupin-color-rgb-black), 0.90);
  --lupin-color-black-a80: rgba(var(--lupin-color-rgb-black), 0.80);
  --lupin-color-black-a70: rgba(var(--lupin-color-rgb-black), 0.70);
  --lupin-color-black-a20: rgba(var(--lupin-color-rgb-black), 0.20);
  --lupin-color-black-a10: rgba(var(--lupin-color-rgb-black), 0.10);
  /* Rose */
  --lupin-color-rgb-rose: 242, 80, 86;
  --lupin-color-rgb-rose-900: 180, 60, 64;
  --lupin-color-rgb-rose-800: 200, 66, 71;
  --lupin-color-rgb-rose-700: 220, 72, 77;
  --lupin-color-rgb-rose-600: 230, 76, 82;
  --lupin-color-rgb-rose-500: 242, 80, 86;
  --lupin-color-rgb-rose-400: 247, 110, 115;
  --lupin-color-rgb-rose-300: 250, 140, 144;
  --lupin-color-rgb-rose-200: 252, 170, 173;
  --lupin-color-rgb-rose-100: 254, 210, 212;
  --lupin-color-rgb-rose-50: 255, 240, 241;
  --lupin-color-rose: rgb(var(--lupin-color-rgb-rose));
  --lupin-color-rose-900: rgb(var(--lupin-color-rgb-rose-900));
  --lupin-color-rose-800: rgb(var(--lupin-color-rgb-rose-800));
  --lupin-color-rose-700: rgb(var(--lupin-color-rgb-rose-700));
  --lupin-color-rose-600: rgb(var(--lupin-color-rgb-rose-600));
  --lupin-color-rose-500: rgb(var(--lupin-color-rgb-rose-500));
  --lupin-color-rose-400: rgb(var(--lupin-color-rgb-rose-400));
  --lupin-color-rose-300: rgb(var(--lupin-color-rgb-rose-300));
  --lupin-color-rose-200: rgb(var(--lupin-color-rgb-rose-200));
  --lupin-color-rose-100: rgb(var(--lupin-color-rgb-rose-100));
  --lupin-color-rose-50:  rgb(var(--lupin-color-rgb-rose-50));
  /* Gray */
  --lupin-color-rgb-gray-950: 17, 24, 39;
  --lupin-color-rgb-gray-900: 43, 48, 62;
  --lupin-color-rgb-gray-800: 67, 72, 89;
  --lupin-color-rgb-gray-700: 90, 94, 112;
  --lupin-color-rgb-gray-600: 114, 117, 134;
  --lupin-color-rgb-gray-500: 138, 139, 154;
  --lupin-color-rgb-gray-400: 158, 160, 172;
  --lupin-color-rgb-gray-300: 178, 180, 191;
  --lupin-color-rgb-gray-200: 199, 201, 210;
  --lupin-color-rgb-gray-100: 219, 222, 228;
  --lupin-color-rgb-gray-50: 237, 241, 244;
  --lupin-color-gray-950: rgb(var(--lupin-color-rgb-gray-950));
  --lupin-color-gray-900: rgb(var(--lupin-color-rgb-gray-900));
  --lupin-color-gray-800: rgb(var(--lupin-color-rgb-gray-800));
  --lupin-color-gray-700: rgb(var(--lupin-color-rgb-gray-700));
  --lupin-color-gray-600: rgb(var(--lupin-color-rgb-gray-600));
  --lupin-color-gray-500: rgb(var(--lupin-color-rgb-gray-500));
  --lupin-color-gray-400: rgb(var(--lupin-color-rgb-gray-400));
  --lupin-color-gray-300: rgb(var(--lupin-color-rgb-gray-300));
  --lupin-color-gray-200: rgb(var(--lupin-color-rgb-gray-200));
  --lupin-color-gray-100: rgb(var(--lupin-color-rgb-gray-100));
  --lupin-color-gray-50: rgb(var(--lupin-color-rgb-gray-50));
  /* Green */
  --lupin-color-rgb-green-950: 4, 70, 50;
  --lupin-color-rgb-green-900: 6, 99, 71;
  --lupin-color-rgb-green-800: 0, 140, 98;
  --lupin-color-rgb-green-700: 0, 191, 134;
  --lupin-color-rgb-green-600: 1, 224, 142;
  --lupin-color-rgb-green-500: 0, 255, 149;
  --lupin-color-rgb-green-400: 94, 255, 189;
  --lupin-color-rgb-green-300: 184, 255, 226;
  --lupin-color-rgb-green-200: 213, 255, 238;
  --lupin-color-rgb-green-100: 229, 255, 244;
  --lupin-color-rgb-green-50: 241, 255, 249;
  --lupin-color-green-950: rgb(var(--lupin-color-rgb-green-950));
  --lupin-color-green-900: rgb(var(--lupin-color-rgb-green-900));
  --lupin-color-green-800: rgb(var(--lupin-color-rgb-green-800));
  --lupin-color-green-700: rgb(var(--lupin-color-rgb-green-700));
  --lupin-color-green-600: rgb(var(--lupin-color-rgb-green-600));
  --lupin-color-green-500: rgb(var(--lupin-color-rgb-green-500));
  --lupin-color-green-400: rgb(var(--lupin-color-rgb-green-400));
  --lupin-color-green-300: rgb(var(--lupin-color-rgb-green-300));
  --lupin-color-green-200: rgb(var(--lupin-color-rgb-green-200));
  --lupin-color-green-100: rgb(var(--lupin-color-rgb-green-100));
  --lupin-color-green-50: rgb(var(--lupin-color-rgb-green-50));
  --lupin-color-rgb-primary-900: 45, 90, 130;
  --lupin-color-rgb-primary-500: 62, 123, 171;
  --lupin-color-rgb-primary-300: 144, 182, 213;
  --lupin-color-primary-900: rgb(var(--lupin-color-rgb-primary-900));
  --lupin-color-primary-500: rgb(var(--lupin-color-rgb-primary-500));
  --lupin-color-primary-300: rgb(var(--lupin-color-rgb-primary-300));
}

/* line 150, app/assets/stylesheets/ads/colors.scss */
.bg-chemman {
  background-color: var(--lupin-color-sky);
}

/* line 154, app/assets/stylesheets/ads/colors.scss */
.bg-chemman-light {
  background-color: var(--lupin-color-sky-300);
}

/* line 158, app/assets/stylesheets/ads/colors.scss */
.bg-chemman-dark {
  background-color: var(--lupin-color-primary-500);
}

/* line 162, app/assets/stylesheets/ads/colors.scss */
.bg-asbman {
  background-color: var(--lupin-color-violet);
}

/* line 165, app/assets/stylesheets/ads/colors.scss */
.bg-asbman-light {
  background-color: var(--lupin-color-violet-300);
}

/* line 169, app/assets/stylesheets/ads/colors.scss */
.blue-header {
  background: #bfddec url(https://go.lupinsys.com/assets/blue-bar-gradient-dark-081fec9….gif) repeat-x;
  border-bottom: 2px solid #acd6ec;
  border-top: 1px solid #c3dfed;
}

/* line 175, app/assets/stylesheets/ads/colors.scss */
.text-chemman {
  color: var(--lupin-color-sky);
}

/* line 179, app/assets/stylesheets/ads/colors.scss */
.text-chemman-dark {
  color: var(--lupin-color-sky-700);
}

/* line 183, app/assets/stylesheets/ads/colors.scss */
.text-chemman-darker {
  color: var(--lupin-color-sky-900);
}

/* line 188, app/assets/stylesheets/ads/colors.scss */
.text-asbman {
  color: var(--lupin-color-violet);
}

/* line 192, app/assets/stylesheets/ads/colors.scss */
.border-asbman {
  border-color: var(--lupin-color-violet);
}

/* line 1, app/assets/stylesheets/ads/shadow.scss */
:root {
  --lupin-shadow-none: 0px 0px 0px 0px rgba(var(--lupin-color-rgb-black), 0.00);
  --lupin-shadow-sm: 0px 1px 1px 0px rgba(var(--lupin-shadow-color, var(--lupin-color-rgb-gray-800)), 0.08);
  --lupin-shadow-md: 0px 2px 2px 0px rgba(var(--lupin-shadow-color, var(--lupin-color-rgb-gray-800)), 0.12);
  --lupin-shadow-lg: 0px 4px 16px -2px rgba(var(--lupin-shadow-color, var(--lupin-color-rgb-gray-800)), 0.12);
  --lupin-shadow-xl: 0px 8px 20px -2px rgba(var(--lupin-shadow-color, var(--lupin-color-rgb-gray-800)), 0.12);
  --lupin-shadow-2xl: 0px 12px 28px 0px rgba(var(--lupin-shadow-color, var(--lupin-color-rgb-gray-800)), 0.16);
}

/* line 1, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn {
  cursor: var(--lupin-btn-cursor, pointer);
  line-height: var(--lupin-btn-line-height);
  background-color: var(--lupin-btn-bg);
  color: var(--lupin-btn-color, var(--lupin-color-white));
  border: var(--lupin-btn-border-size, 1px) solid var(--lupin-btn-border-color);
  min-height: var(--lupin-btn-min-height, 36px);
  border-radius: var(--lupin-btn-border-radius, 4px);
  box-shadow: var(--lupin-btn-shadow);
  cursor: var(--lupin-btn-cursor, pointer);
  /* Icons */
}

/* line 13, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn svg path {
  stroke-width: var(--lupin-btn-stroke-width, 1.5);
  stroke: var(--lupin-btn-icon-stroke-color);
}

/* line 19, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--chemman {
  --lupin-btn-bg: var(--lupin-color-sky);
}

/* line 21, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--chemman:hover {
  --lupin-btn-bg: var(--lupin-color-sky-600);
}

/* line 26, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--asbman {
  --lupin-btn-bg: var(--lupin-color-violet);
}

/* line 28, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--asbman:hover {
  --lupin-btn-bg: var(--lupin-color-violet-900);
}

/* line 33, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--destructive {
  --lupin-btn-bg: var(--lupin-color-rose-300);
}

/* line 35, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--destructive:hover {
  --lupin-btn-bg: var(--lupin-color-rose);
}

/* line 40, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--chemman-ghost {
  --lupin-btn-bg: var(--lupin-color-white);
  --lupin-btn-color: var(--lupin-color-gray-700);
  --lupin-btn-border-color: var(--lupin-color-sky);
}

/* line 44, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--chemman-ghost:hover {
  --lupin-btn-bg: var(--lupin-color-sky);
  --lupin-btn-color: var(--lupin-color-white);
}

/* line 50, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--asbman-ghost {
  --lupin-btn-bg: var(--lupin-color-white);
  --lupin-btn-color: var(--lupin-color-gray-700);
  --lupin-btn-border-color: var(--lupin-color-violet);
}

/* line 54, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--asbman-ghost:hover {
  --lupin-btn-bg: var(--lupin-color-violet);
  --lupin-btn-color: var(--lupin-color-white);
}

/* line 60, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--tertiary {
  background: linear-gradient(to right, #6366f1, #8b5cf6);
}

/* line 62, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--tertiary:hover {
  background: linear-gradient(to right, #4f46e5, #7c3aed);
}

/* line 67, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--tertiary-chemman {
  font-weight: 500;
}

/* line 69, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--tertiary-chemman:hover {
  color: #2e6ba0;
  background: linear-gradient(to right, #cee7f8, #9cd4fa);
}

/* line 76, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--tertiary-asbman:hover {
  background: linear-gradient(to right, #4f46e5, #7c3aed);
}

/* line 82, app/assets/stylesheets/ads/buttons.scss */
.asbman-segmented .lupin-btn--segmented.active {
  border-bottom: var(--lupin-btn-segmented-border-size, 2px) solid var(--lupin-btn-segmented-border-color, #3c4ea6);
}

/* line 88, app/assets/stylesheets/ads/buttons.scss */
.chemman-segmented .lupin-btn--segmented.active {
  border-bottom: var(--lupin-btn-segmented-border-size, 2px) solid var(--lupin-btn-segmented-border-color, #3d7bab);
}

/* line 93, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--segmented.active {
  border-bottom: var(--lupin-btn-segmented-border-size, 2px) solid var(--lupin-btn-segmented-border-color, var(--lupin-color-sky));
}

/* line 97, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--save {
  --lupin-btn-bg: var(--lupin-color-green-800);
  --lupin-btn-border-color: var(--lupin-color-green-800);
  --lupin-btn-color: var(--lupin-color-white);
}

/* line 101, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--save:hover {
  --lupin-btn-bg: var(--lupin-color-green-900);
  --lupin-btn-border-color: var(--lupin-color-green-900);
}

/* line 107, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--ghost {
  --lupin-btn-color: var(--lupin-color-gray-800);
  --lupin-btn-bg: var(--lupin-color-white);
  --lupin-btn-border-color: var(--lupin-color-gray-200);
}

/* line 111, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--ghost:hover {
  --lupin-btn-bg: var(--lupin-color-gray-900);
  --lupin-btn-color: var(--lupin-color-white);
  --lupin-btn-shadow: var(--lupin-shadow-sm);
  --lupin-btn-icon-stroke-color: var(--lupin-color-white);
}

/* line 119, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--special {
  --lupin-btn-bg: var(--lupin-color-white);
  --lupin-btn-border-color: var(--lupin-color-gray-200);
  --lupin-btn-color: var(--lupin-color-sky-900);
}

/* line 123, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--special:hover, .lupin-btn--special:focus {
  --lupin-btn-border-color: var(--lupin-color-sky-900);
}

/* line 129, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--attention {
  --lupin-btn-bg: var(--lupin-color-white);
  --lupin-btn-color: #92400e;
  --lupin-btn-border-color: #f59e0b;
  --lupin-btn-shadow: 0 0 0 3px rgba(251, 191, 36, 0.22);
  --lupin-btn-icon-stroke-color: #d97706;
}

/* line 136, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn--attention:hover, .lupin-btn--attention:focus {
  --lupin-btn-bg: #fffbeb;
  --lupin-btn-color: #78350f;
  --lupin-btn-border-color: #d97706;
  --lupin-btn-shadow: 0 0 0 4px rgba(251, 191, 36, 0.28);
  --lupin-btn-icon-stroke-color: #b45309;
}

/* line 146, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn-xxs {
  --lupin-btn-min-height: 24px;
  --lupin-btn-line-height: 24px;
}

/* line 151, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn-xs {
  --lupin-btn-min-height: 28px;
  --lupin-btn-line-height: 28px;
}

/* line 156, app/assets/stylesheets/ads/buttons.scss */
.lupin-btn-sm {
  --lupin-btn-min-height: 32px;
  --lupin-btn-line-height: 32px;
}

/* line 1, app/assets/stylesheets/ads/links.scss */
.lupin-link {
  color: var(--lupin-link-color);
  background-color: var(--lupin-link-bg);
  line-height: var(--lupin-link-line-height);
  cursor: var(--lupin-link-cursor, pointer);
}

/* line 8, app/assets/stylesheets/ads/links.scss */
.lupin-link--chemman {
  --lupin-link-color: var(--lupin-color-sky);
}

/* line 10, app/assets/stylesheets/ads/links.scss */
.lupin-link--chemman:hover {
  --lupin-link-color: var(--lupin-color-sky-800);
}

/* line 15, app/assets/stylesheets/ads/links.scss */
.lupin-link--chemman-dark {
  --lupin-link-color: var(--lupin-color-sky-800);
}

/* line 17, app/assets/stylesheets/ads/links.scss */
.lupin-link--chemman-dark:hover {
  --lupin-link-color: var(--lupin-color-sky-900);
}

/* line 22, app/assets/stylesheets/ads/links.scss */
.lupin-link--asbman {
  --lupin-link-color: var(--lupin-color-violet);
}

/* line 25, app/assets/stylesheets/ads/links.scss */
.lupin-link--asbman:hover {
  --lupin-link-color: var(--lupin-color-violet-900);
}

/* line 30, app/assets/stylesheets/ads/links.scss */
.lupin-link--destructive {
  --lupin-link-color: var(--lupin-color-rose);
}

/* line 33, app/assets/stylesheets/ads/links.scss */
.lupin-link--destructive:hover {
  --lupin-link-color: var(--lupin-color-rose-600);
}

/* line 39, app/assets/stylesheets/ads/links.scss */
.lupin-link--menu a {
  border-bottom: 2px solid transparent;
  line-height: 1.8;
}

/* line 44, app/assets/stylesheets/ads/links.scss */
.lupin-link--menu a.active {
  color: #3c4ea6;
  border-bottom: 2px solid #3c4ea6;
}

/* line 1, app/assets/stylesheets/ads/modal.scss */
:root {
  --lupin-modal-z-index: 1050;
  --lupin-modal-bg: var(--lupin-color-white);
  --lupin-modal-radius: 4px;
  --lupin-modal-shadow: var(--lupin-shadow-2xl);
  --lupin-modal-header-padding: 16px 24px;
  --lupin-modal-header-border: 1px solid var(--lupin-color-gray-200);
  --lupin-modal-header-margin-bottom: 0;
  --lupin-modal-title-size: var(--lupin-font-size-lg);
  --lupin-modal-title-weight: var(--lupin-font-weight-semi-bold);
  --lupin-modal-title-color: var(--lupin-color-gray-900);
  --lupin-modal-title-line-height: var(--lupin-line-height-lg);
  --lupin-modal-close-radius: 6px;
  --lupin-modal-close-color: var(--lupin-color-gray-500);
  --lupin-modal-close-hover-bg: var(--lupin-color-gray-100);
  --lupin-modal-close-hover-color: var(--lupin-color-gray-700);
  --lupin-modal-close-focus-outline: 2px solid var(--lupin-color-blue-500);
  --lupin-modal-close-focus-offset: 2px;
  --lupin-modal-close-size: 20px;
  --lupin-modal-content-padding: 24px;
  --lupin-modal-content-max-height: calc(90vh - 120px);
  --lupin-modal-backdrop-bg: var(--lupin-color-black-a20);
  --lupin-modal-backdrop-blur: 4px;
  --lupin-modal-form-fields-gap: 24px;
  --lupin-modal-actions-margin-top: 8px;
}

/* AMP Modal Component Styles */
/* line 30, app/assets/stylesheets/ads/modal.scss */
.lupin-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: var(--lupin-modal-z-index);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

/* line 44, app/assets/stylesheets/ads/modal.scss */
.lupin-modal--open {
  opacity: 1;
}

/* line 48, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--lupin-modal-backdrop-bg);
  backdrop-filter: blur(var(--lupin-modal-backdrop-blur));
}

/* line 58, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__container {
  position: relative;
  background: var(--lupin-modal-bg);
  border-radius: var(--lupin-modal-radius);
  box-shadow: var(--lupin-modal-shadow);
  max-width: 90vw;
  max-height: 90vh;
  overflow: hidden;
  transform: scale(0.95);
  transition: transform 0.3s ease-in-out;
}

/* line 70, app/assets/stylesheets/ads/modal.scss */
.lupin-modal--open .lupin-modal__container {
  transform: scale(1);
}

/* line 74, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__container--sm {
  width: 400px;
}

/* line 78, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__container--md {
  width: 600px;
}

/* line 82, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__container--lg {
  width: 800px;
}

/* line 86, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__container--xl {
  width: 1000px;
}

/* line 90, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--lupin-modal-header-padding);
  border-bottom: var(--lupin-modal-header-border);
  margin-bottom: var(--lupin-modal-header-margin-bottom);
}

/* line 99, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__title {
  margin: 0;
  font-size: var(--lupin-modal-title-size);
  font-weight: var(--lupin-modal-title-weight);
  color: var(--lupin-modal-title-color);
  line-height: var(--lupin-modal-title-line-height);
}

/* line 107, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__header-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 113, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__close {
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  border-radius: var(--lupin-modal-close-radius);
  color: var(--lupin-modal-close-color);
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 126, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__close:hover {
  background-color: var(--lupin-modal-close-hover-bg);
  color: var(--lupin-modal-close-hover-color);
}

/* line 131, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__close:focus {
  outline: var(--lupin-modal-close-focus-outline);
  outline-offset: var(--lupin-modal-close-focus-offset);
}

/* line 136, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__close-icon {
  width: var(--lupin-modal-close-size);
  height: var(--lupin-modal-close-size);
}

/* line 141, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__content {
  padding: var(--lupin-modal-content-padding);
  overflow-y: auto;
  max-height: var(--lupin-modal-content-max-height);
  min-height: 300px;
}

/* Use for short forms to avoid large empty modal body space */
/* line 149, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__container.compact-modal .lupin-modal__content {
  min-height: 0;
}

/* Link Material modal: dropdown should overlay content and own scrolling */
/* line 154, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__container.link-material-modal {
  overflow: visible;
}

/* line 158, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__container.link-material-modal .lupin-modal__content {
  overflow: visible;
  max-height: none;
}

/* Allow dropdowns to overflow in modals */
/* line 164, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__content .autocomplete-results {
  position: absolute;
  z-index: 9999;
}

/* Focus management */
/* line 170, app/assets/stylesheets/ads/modal.scss */
.lupin-modal:focus {
  outline: none;
}

/* Animation for modal content */
/* line 175, app/assets/stylesheets/ads/modal.scss */
.lupin-modal__content > * {
  animation: modalContentFadeIn 0.3s ease-in-out;
}

/* line 179, app/assets/stylesheets/ads/modal.scss */
.lupin-form__actions {
  margin-top: var(--lupin-modal-actions-margin-top);
}

/* line 183, app/assets/stylesheets/ads/modal.scss */
.lupin-form-fields-container {
  display: flex;
  flex-direction: column;
  gap: var(--lupin-modal-form-fields-gap);
  flex-grow: 1;
}

/* line 1, app/assets/stylesheets/_common.scss */
.shadow-tlr {
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.05), 1px 0 2px 0 rgba(0, 0, 0, 0.05), -1px 0 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 8, app/assets/stylesheets/_common.scss */
.shadow-lr {
  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.05), -1px 0 2px 0 rgba(0, 0, 0, 0.05);
}

/* line 14, app/assets/stylesheets/_common.scss */
.bg-light-gray {
  background-color: #EDF1F4;
}

/* line 18, app/assets/stylesheets/_common.scss */
.bg--chemman {
  background: linear-gradient(to bottom, #175590, #4e8ab7);
}

/* line 22, app/assets/stylesheets/_common.scss */
.bg--asbman {
  background: linear-gradient(to bottom, #2F4092, #4f63c5);
}

/* line 26, app/assets/stylesheets/_common.scss */
.bg--company-settings {
  background: linear-gradient(to bottom, #175590, #4e8ab7);
}

/* line 30, app/assets/stylesheets/_common.scss */
.form-search--chemman {
  border-bottom: 3px solid var(--lupin-color-sky-500);
}

/* line 34, app/assets/stylesheets/_common.scss */
.form-search--asbman {
  border-bottom: 3px solid var(--lupin-color-violet-600);
}

/* line 39, app/assets/stylesheets/_common.scss */
.sortable-ghost {
  opacity: 0.4;
  background-color: #f3f4f6;
}

/* line 44, app/assets/stylesheets/_common.scss */
.sortable-chosen {
  background-color: #e5e7eb;
}

/* line 48, app/assets/stylesheets/_common.scss */
.sortable-drag {
  background-color: #ffffff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transform: rotate(2deg);
}

/* line 54, app/assets/stylesheets/_common.scss */
.drag-handle {
  cursor: move;
  transition: color 0.2s ease;
}

/* line 59, app/assets/stylesheets/_common.scss */
.drag-handle:hover {
  color: #6b7280 !important;
}

/* line 63, app/assets/stylesheets/_common.scss */
.text-xxs {
  font-size: 10px;
}

/* line 67, app/assets/stylesheets/_common.scss */
.text-xxxs {
  font-size: 9px;
}

/* line 72, app/assets/stylesheets/_common.scss */
a[href]:not([aria-disabled='true']):not(.disabled),
button:not(:disabled),
[role='button']:not([aria-disabled='true']),
[data-action*='switcher#switch'] {
  cursor: pointer !important;
}

/* line 79, app/assets/stylesheets/_common.scss */
button:disabled,
a[aria-disabled='true'],
[role='button'][aria-disabled='true'],
.disabled {
  cursor: not-allowed;
}

/* line 1, app/assets/stylesheets/components/_login.scss */
.lupin-login__wrapper {
  position: relative;
  background-color: #fff;
  background-image: url(/assets/shared/bg-9db56a1d92ac5ecf7dd035a102fcbd10571ed314de06b729dcf00515ac4bf102.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 0;
}

/* line 10, app/assets/stylesheets/components/_login.scss */
.lupin-login__wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, #eef0f7af, #6dc5f828);
  z-index: 1;
}

/* line 18, app/assets/stylesheets/components/_login.scss */
.lupin-login__wrapper > * {
  position: relative;
  z-index: 2;
}

/* line 1, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li {
  background: url(/assets/chemman/ppe-icons-4d66843db04748b87fa233c791fef350004a33a3378ef7e7d2e8a7bbeeabfd7d.png) no-repeat center top;
}

/* line 5, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li.danger {
  background-position: center -0px;
}

/* line 6, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li.rubber-boots {
  background-position: center -75px;
}

/* line 7, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li.safety-shoes {
  background-position: center -75px;
}

/* line 8, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li.hemlet {
  background-position: center -150px;
}

/* line 9, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li.chemical-goggles {
  background-position: center -225px;
}

/* line 10, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li.respirator {
  background-position: center -300px;
}

/* line 11, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li.face-shield {
  background-position: center -375px;
}

/* line 12, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li.overalls {
  background-position: center -450px;
}

/* line 13, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li.gloves {
  background-position: center -525px;
}

/* line 14, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li.ear-muffs {
  background-position: center -600px;
}

/* line 15, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li.dust-mask {
  background-position: center -675px;
}

/* line 16, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li.apron {
  background-position: center -750px;
}

/* line 17, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li.air-mask {
  background-position: center -825px;
}

/* line 18, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li.safety-glasses {
  background-position: center -900px;
}

/* line 19, app/assets/stylesheets/components/materials/_ppe_icons.scss */
ul.ppe-icons li.positive-pressure-suit {
  background-position: center -975px;
}

/* line 2, app/assets/stylesheets/components/_lightbox.scss */
.image-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}

/* line 16, app/assets/stylesheets/components/_lightbox.scss */
.image-lightbox.hidden {
  display: none;
}

/* line 20, app/assets/stylesheets/components/_lightbox.scss */
.image-lightbox:not(.hidden) {
  opacity: 1;
  pointer-events: all;
}

/* line 26, app/assets/stylesheets/components/_lightbox.scss */
.image-lightbox__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(4px);
  cursor: pointer;
}

/* line 37, app/assets/stylesheets/components/_lightbox.scss */
.image-lightbox__container {
  position: relative;
  max-width: 95vw;
  max-height: 95vh;
  z-index: 10000;
  animation: lightboxZoom 0.3s ease-out;
}

/* line 45, app/assets/stylesheets/components/_lightbox.scss */
.image-lightbox__image-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  max-height: 100%;
}

/* line 54, app/assets/stylesheets/components/_lightbox.scss */
.image-lightbox__image {
  max-width: 100%;
  max-height: 95vh;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

/* line 62, app/assets/stylesheets/components/_lightbox.scss */
.image-lightbox__close {
  position: absolute;
  top: -40px;
  right: 0;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: white;
  transition: all 0.2s ease;
  z-index: 10001;
}

/* line 79, app/assets/stylesheets/components/_lightbox.scss */
.image-lightbox__close:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: scale(1.1);
}

/* line 85, app/assets/stylesheets/components/_lightbox.scss */
.image-lightbox__close:active {
  transform: scale(0.95);
}

/* line 91, app/assets/stylesheets/components/_lightbox.scss */
.image-lightbox-trigger {
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

/* line 95, app/assets/stylesheets/components/_lightbox.scss */
.image-lightbox-trigger:hover {
  transform: scale(1.05);
  opacity: 0.9;
}

/* line 100, app/assets/stylesheets/components/_lightbox.scss */
.image-lightbox-trigger:active {
  transform: scale(0.98);
}

@keyframes lightboxZoom {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@media (max-width: 640px) {
  /* line 118, app/assets/stylesheets/components/_lightbox.scss */
  .image-lightbox__close {
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    border-color: rgba(255, 255, 255, 0.5);
  }
  /* line 125, app/assets/stylesheets/components/_lightbox.scss */
  .image-lightbox__container {
    max-width: 100vw;
    padding: 10px;
  }
  /* line 130, app/assets/stylesheets/components/_lightbox.scss */
  .image-lightbox__image {
    max-height: 85vh;
  }
}

/* line 4, app/assets/stylesheets/components/_task_request.scss */
.dropzone {
  min-height: 200px;
  position: relative;
}

/* line 9, app/assets/stylesheets/components/_task_request.scss */
.dropzone.dz-default.dz-message {
  display: block !important;
  margin: 2em 0;
}

/* line 15, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}

/* line 19, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-message i {
  font-size: 3rem;
  color: #9ca3af;
  margin-bottom: 0.75rem;
  display: block;
}

/* line 26, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-message p {
  margin: 0.5rem 0;
  font-size: 0.75rem;
  color: #4b5563;
}

/* line 34, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-preview {
  margin: 10px;
  display: inline-block;
  vertical-align: top;
}

/* line 40, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-preview .dz-image {
  width: 120px;
  height: 120px;
  border-radius: 4px;
  overflow: hidden;
}

/* line 47, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-preview .dz-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 53, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-preview .dz-details {
  padding: 8px;
  font-size: 12px;
}

/* line 58, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-preview .dz-filename {
  font-weight: 500;
  color: #374151;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 66, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-preview .dz-size {
  color: #6b7280;
  font-size: 11px;
}

/* line 71, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-progress {
  width: 100%;
  height: 4px;
  background: #e5e7eb;
  border-radius: 2px;
  margin-top: 8px;
  overflow: hidden;
}

/* line 80, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-progress .dz-upload {
  height: 100%;
  background: #3b82f6;
  transition: width 0.3s ease;
}

/* line 86, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-success-mark,
.dropzone .dz-error-mark {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}

/* line 101, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-success-mark {
  background: #10b981;
  color: white;
}

/* line 106, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-error-mark {
  background: #ef4444;
  color: white;
}

/* line 111, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-remove {
  margin-top: 8px;
  padding: 4px 8px;
  background: #ef4444;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 11px;
  transition: background 0.2s;
}

/* line 123, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-remove:hover {
  background: #dc2626;
}

/* line 127, app/assets/stylesheets/components/_task_request.scss */
.dropzone .dz-error-message {
  margin-top: 4px;
  font-size: 11px;
  color: #ef4444;
}

/* line 134, app/assets/stylesheets/components/_task_request.scss */
#material_groups_input + .ts-wrapper .ts-dropdown {
  max-height: 300px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* line 140, app/assets/stylesheets/components/_task_request.scss */
#material_groups_input + .ts-wrapper .ts-dropdown::-webkit-scrollbar {
  width: 8px;
}

/* line 144, app/assets/stylesheets/components/_task_request.scss */
#material_groups_input + .ts-wrapper .ts-dropdown::-webkit-scrollbar-track {
  background: #f7fafc;
  border-radius: 4px;
}

/* line 149, app/assets/stylesheets/components/_task_request.scss */
#material_groups_input + .ts-wrapper .ts-dropdown::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 4px;
}

/* line 154, app/assets/stylesheets/components/_task_request.scss */
#material_groups_input + .ts-wrapper .ts-dropdown::-webkit-scrollbar-thumb:hover {
  background: #a0aec0;
}

/* line 159, app/assets/stylesheets/components/_task_request.scss */
.autocomplete-results {
  max-height: 400px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* line 165, app/assets/stylesheets/components/_task_request.scss */
.autocomplete-results::-webkit-scrollbar {
  width: 8px;
}

/* line 169, app/assets/stylesheets/components/_task_request.scss */
.autocomplete-results::-webkit-scrollbar-track {
  background: #f7fafc;
  border-radius: 4px;
}

/* line 174, app/assets/stylesheets/components/_task_request.scss */
.autocomplete-results::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 4px;
}

/* line 179, app/assets/stylesheets/components/_task_request.scss */
.autocomplete-results::-webkit-scrollbar-thumb:hover {
  background: #a0aec0;
}

/* line 185, app/assets/stylesheets/components/_task_request.scss */
.chemman-pagination-sm .pagination {
  margin-bottom: 0;
}

/* line 189, app/assets/stylesheets/components/_task_request.scss */
.chemman-pagination-sm .page-link {
  padding: 0.35rem 0.65rem;
  font-size: 0.75rem;
  line-height: 1.1;
  border-radius: 0.25rem !important;
}

/* line 196, app/assets/stylesheets/components/_task_request.scss */
.chemman-pagination-sm .page-item:first-child .page-link,
.chemman-pagination-sm .page-item:last-child .page-link {
  border-radius: 0.25rem !important;
}

/* line 1, app/assets/stylesheets/tools/_tom_select.scss */
.ts-wrapper {
  cursor: pointer;
  padding: 0 4px;
}

/* line 5, app/assets/stylesheets/tools/_tom_select.scss */
.ts-wrapper .ts-control {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* line 14, app/assets/stylesheets/tools/_tom_select.scss */
.ts-wrapper.multi .ts-control [data-value] {
  background: #eaebec !important;
  color: #303030 !important;
  border: 1px solid #d2d3d4 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* line 22, app/assets/stylesheets/tools/_tom_select.scss */
.ts-wrapper.multi .ts-control [data-value] .remove {
  color: #606060;
  font-weight: bold;
}

/* line 27, app/assets/stylesheets/tools/_tom_select.scss */
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #b5bbbe !important;
}

/* line 31, app/assets/stylesheets/tools/_tom_select.scss */
.ts-wrapper.multi .ts-control > div.active {
  border: 1px solid #797979;
}

/* GHS modal: border under header, content scrolls, actions pinned to bottom */
/* line 36, app/assets/stylesheets/tools/_tom_select.scss */
.lupin-modal__container.ghs-modal {
  display: flex;
  flex-direction: column;
  width: 97vw;
  max-width: 1120px;
  min-width: 780px;
  max-height: calc(100vh - 24px);
  overflow: hidden !important;
}

/* line 46, app/assets/stylesheets/tools/_tom_select.scss */
.lupin-modal__container.ghs-modal .lupin-modal__header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--lupin-color-gray-200, #e5e7eb);
  padding: 10px 16px;
  margin-bottom: 8px;
}

/* line 56, app/assets/stylesheets/tools/_tom_select.scss */
.lupin-modal__container.ghs-modal .lupin-modal__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 0 14px 10px 14px;
  border-top: none;
}

/* line 66, app/assets/stylesheets/tools/_tom_select.scss */
.lupin-modal__container.ghs-modal .lupin-modal__content .ghs-modal__scroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 180px);
  padding-right: 4px;
  padding-bottom: 4px;
  /* keep compact vertical layout */
}

/* Keep full list visible when it fits; scroll only as fallback */
/* line 75, app/assets/stylesheets/tools/_tom_select.scss */
.lupin-modal__container.ghs-modal .ghs-modal__body--au .ghs-modal__scroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 170px);
  padding-right: 6px;
  padding-bottom: 6px;
}

/* line 83, app/assets/stylesheets/tools/_tom_select.scss */
.lupin-modal__container.ghs-modal .lupin-modal__header-controls,
.lupin-modal__container.ghs-modal .ghs-modal__header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* GHS hazard dropdown (floating panel inside modal) */
/* line 91, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-select-wrapper {
  position: relative;
}

/* line 95, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-select-wrapper .ghs-hazard-dropdown {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1060 !important;
  min-height: 0;
  max-height: 420px;
  overflow: hidden;
  border: 1px solid #d1d5db;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14), 0 2px 8px rgba(15, 23, 42, 0.08);
}

/* line 110, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-select-wrapper .ghs-hazard-dropdown .ts-dropdown-content {
  max-height: 420px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 116, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-hazard-dropdown .optgroup .option {
  display: none;
}

/* line 120, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-hazard-dropdown .optgroup.is-expanded .option {
  display: block;
}

/* line 124, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-hazard-dropdown .optgroup-header {
  cursor: pointer;
}

/* line 128, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-hazard-dropdown .optgroup.is-expanded .ghs-optgroup-header {
  background-color: #f8fafc;
}

/* Chevron: right when collapsed, down when expanded */
/* line 133, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-hazard-dropdown .ghs-optgroup-chevron {
  display: inline-flex;
  align-items: center;
  min-width: 1em;
}

/* line 139, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-hazard-dropdown .ghs-optgroup-chevron .ghs-chevron-down {
  display: none;
}

/* line 143, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-hazard-dropdown .optgroup.is-expanded .ghs-optgroup-chevron .ghs-chevron-right {
  display: none;
}

/* line 147, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-hazard-dropdown .optgroup.is-expanded .ghs-optgroup-chevron .ghs-chevron-down {
  display: inline;
}

/* GHS select: show only "X selected" in the control, hide individual item tags */
/* line 152, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-select-wrapper .ts-control .item,
.ghs-select-wrapper .ts-control [data-ts-item],
.ghs-select-wrapper .ts-control [data-value] {
  display: none !important;
}

/* line 158, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-select-wrapper .ts-control {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  min-height: 42px;
}

/* line 165, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-select-wrapper .ts-control .ghs-select-count {
  flex: 1;
  min-width: 0;
  padding: 0 6px 0 0;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}

/* line 174, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-select-wrapper .ts-control .ghs-select-count.ghs-select-count--empty {
  display: none;
}

/* Keep input aligned when items are hidden */
/* line 179, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-select-wrapper.has-items .ts-control > input {
  margin: 0 !important;
  flex: 1;
  min-width: 120px;
}

/* line 185, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-au-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

/* line 191, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-au-column {
  border: 0;
  background: transparent;
}

/* line 196, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-au-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px;
  gap: 6px;
  align-items: start;
  padding: 2px 1px;
  border-bottom: 1px solid #eef2f7;
}

/* line 205, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-au-row:last-child {
  border-bottom: none;
}

/* line 209, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-au-row__label {
  font-size: 12px;
  color: #1f2937;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  padding-top: 3px;
}

/* line 219, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-au-row__select {
  width: 100%;
  height: 28px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  background: #fff;
  padding: 0 6px;
  font-size: 12px;
  line-height: 1.3;
  color: #111827;
}

/* line 231, app/assets/stylesheets/tools/_tom_select.scss */
.ghs-au-row__select:focus {
  outline: none;
  border-color: #059669;
  box-shadow: 0 0 0 2px rgba(5, 150, 105, 0.15);
}

@media (max-width: 1100px) {
  /* line 238, app/assets/stylesheets/tools/_tom_select.scss */
  .lupin-modal__container.ghs-modal {
    width: 97vw;
    max-width: 1000px;
    min-width: 720px;
  }
  /* line 244, app/assets/stylesheets/tools/_tom_select.scss */
  .ghs-au-row {
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 6px;
  }
}

@media (max-width: 1024px) {
  /* line 10, app/assets/stylesheets/responsive.scss */
  .company-primary-nav__company-name {
    max-width: 9rem;
  }
  /* line 14, app/assets/stylesheets/responsive.scss */
  .site-show-table__table th,
.site-show-table__table td {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* line 20, app/assets/stylesheets/responsive.scss */
  .deposit-show-table__table th,
.deposit-show-table__table td,
.deposit-index-table__table th,
.deposit-index-table__table td {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* line 28, app/assets/stylesheets/responsive.scss */
  .building-show-table__table th,
.building-show-table__table td,
.asbman-floors-table th,
.asbman-floors-table td {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 820px) {
  /* line 38, app/assets/stylesheets/responsive.scss */
  .dashboard-primary-nav__logo {
    max-width: 118px;
    height: auto;
  }
  /* line 43, app/assets/stylesheets/responsive.scss */
  .dashboard-primary-nav__actions {
    gap: 0.5rem;
  }
  /* line 47, app/assets/stylesheets/responsive.scss */
  .dashboard-primary-nav__switch {
    margin-left: 0.25rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  /* line 53, app/assets/stylesheets/responsive.scss */
  .dashboard-primary-nav__switch-label {
    display: none;
  }
  /* line 57, app/assets/stylesheets/responsive.scss */
  .sites-search {
    padding: 1rem;
  }
  /* line 61, app/assets/stylesheets/responsive.scss */
  .sites-search__row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }
  /* line 68, app/assets/stylesheets/responsive.scss */
  .sites-search__quick-btn {
    width: 100%;
    justify-content: space-between;
    min-height: 2.75rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 76, app/assets/stylesheets/responsive.scss */
  .sites-search__actions {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 0.5rem;
  }
  /* line 83, app/assets/stylesheets/responsive.scss */
  .sites-search__actions .sites-search__action-btn {
    flex: 1 1 calc(50% - 0.25rem);
    justify-content: center;
    min-height: 2.75rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 91, app/assets/stylesheets/responsive.scss */
  .sites-search__actions .sites-search__action-btn:last-child {
    flex-basis: 100%;
  }
  /* line 95, app/assets/stylesheets/responsive.scss */
  .sites-search__advanced-actions {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0.5rem;
  }
  /* line 102, app/assets/stylesheets/responsive.scss */
  .sites-search__advanced-actions .sites-search__action-btn {
    width: 100%;
    justify-content: center;
  }
  /* line 107, app/assets/stylesheets/responsive.scss */
  .sites-search__date-range {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }
  /* line 114, app/assets/stylesheets/responsive.scss */
  .sites-search__date-range > span {
    display: none;
  }
  /* line 118, app/assets/stylesheets/responsive.scss */
  .site-show-tabs {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  /* line 123, app/assets/stylesheets/responsive.scss */
  .site-show-tabs::-webkit-scrollbar {
    display: none;
  }
  /* line 127, app/assets/stylesheets/responsive.scss */
  .site-show-tabs button {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  /* line 132, app/assets/stylesheets/responsive.scss */
  .site-show-details-table td {
    vertical-align: top;
  }
  /* line 136, app/assets/stylesheets/responsive.scss */
  .site-show-table__scroll {
    -webkit-overflow-scrolling: touch;
  }
  /* line 140, app/assets/stylesheets/responsive.scss */
  .asbman-groups-table__scroll,
.asbman-segmented-wrap,
.asbman-templates-segmented-wrap,
.report-partials-table__scroll,
.report-templates-table__scroll {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  /* line 150, app/assets/stylesheets/responsive.scss */
  .asbman-groups-table__scroll::-webkit-scrollbar,
.asbman-segmented-wrap::-webkit-scrollbar,
.asbman-templates-segmented-wrap::-webkit-scrollbar,
.report-partials-table__scroll::-webkit-scrollbar,
.report-templates-table__scroll::-webkit-scrollbar {
    display: none;
  }
  /* line 158, app/assets/stylesheets/responsive.scss */
  .shared-pagination__nav-wrap {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  /* line 164, app/assets/stylesheets/responsive.scss */
  .shared-pagination__nav-wrap::-webkit-scrollbar {
    display: none;
  }
  /* line 168, app/assets/stylesheets/responsive.scss */
  .deposit-show-tabs {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  /* line 173, app/assets/stylesheets/responsive.scss */
  .deposit-show-tabs::-webkit-scrollbar {
    display: none;
  }
  /* line 177, app/assets/stylesheets/responsive.scss */
  .deposit-show-tabs button {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  /* line 182, app/assets/stylesheets/responsive.scss */
  .asbman-settings-field-row {
    padding: 0.75rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
  }
  /* line 188, app/assets/stylesheets/responsive.scss */
  .asbman-settings-field-row__config-grid {
    width: 100%;
  }
  /* line 192, app/assets/stylesheets/responsive.scss */
  .deposit-show-details-table td {
    vertical-align: top;
  }
  /* line 196, app/assets/stylesheets/responsive.scss */
  .deposit-show-table__scroll,
.deposit-index-table__scroll,
.building-show-table__scroll,
.asbman-floors-table__scroll {
    -webkit-overflow-scrolling: touch;
  }
  /* line 203, app/assets/stylesheets/responsive.scss */
  .building-show-tabs {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  /* line 208, app/assets/stylesheets/responsive.scss */
  .building-show-tabs::-webkit-scrollbar {
    display: none;
  }
  /* line 212, app/assets/stylesheets/responsive.scss */
  .building-show-tabs button {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
}

@media (min-width: 821px) and (max-width: 1024px) {
  /* line 220, app/assets/stylesheets/responsive.scss */
  .company-secondary-nav__logo {
    display: none;
  }
  /* line 225, app/assets/stylesheets/responsive.scss */
  .company-secondary-nav .max-w-7xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* line 230, app/assets/stylesheets/responsive.scss */
  .company-secondary-nav__row {
    min-width: max-content;
    padding-right: 0.5rem;
  }
  /* line 235, app/assets/stylesheets/responsive.scss */
  .company-secondary-nav__desktop-links {
    gap: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 820px) {
  /* line 243, app/assets/stylesheets/responsive.scss */
  .company-secondary-nav__desktop-links {
    display: none !important;
  }
  /* line 247, app/assets/stylesheets/responsive.scss */
  .company-secondary-nav__mobile-menu {
    display: block !important;
  }
  /* line 251, app/assets/stylesheets/responsive.scss */
  .company-secondary-nav__logo {
    display: block;
    max-width: 112px;
    height: auto;
  }
  /* line 257, app/assets/stylesheets/responsive.scss */
  .company-secondary-nav .max-w-7xl {
    overflow-x: visible;
  }
  /* line 261, app/assets/stylesheets/responsive.scss */
  .company-secondary-nav__row {
    min-width: 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 269, app/assets/stylesheets/responsive.scss */
  .analytics-store-cards__row .analytics-store-cards__item:only-child {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  /* line 278, app/assets/stylesheets/responsive.scss */
  .breadcrumbs-nav {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* line 283, app/assets/stylesheets/responsive.scss */
  .breadcrumbs-nav__list {
    row-gap: 0.25rem;
  }
  /* line 287, app/assets/stylesheets/responsive.scss */
  .company-primary-nav__row {
    row-gap: 0.25rem;
  }
  /* line 291, app/assets/stylesheets/responsive.scss */
  .company-primary-nav__company-name {
    max-width: 7.5rem;
  }
  /* line 295, app/assets/stylesheets/responsive.scss */
  .company-primary-nav__actions {
    gap: 0.5rem;
  }
  /* line 299, app/assets/stylesheets/responsive.scss */
  .company-secondary-nav__row {
    min-height: 2.75rem;
  }
  /* line 303, app/assets/stylesheets/responsive.scss */
  .company-secondary-nav__mobile-dropdown {
    width: calc(100vw - 2rem);
    max-width: 20rem;
  }
  /* line 308, app/assets/stylesheets/responsive.scss */
  .company-secondary-nav__logo {
    max-width: 104px;
    height: auto;
  }
  /* line 313, app/assets/stylesheets/responsive.scss */
  .analytics-store-cards__item {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  /* line 319, app/assets/stylesheets/responsive.scss */
  .analytics-audit-reports__tabs {
    padding-left: 1rem;
    padding-right: 1rem;
    gap: 0.5rem;
  }
  /* line 325, app/assets/stylesheets/responsive.scss */
  .analytics-audit-reports__tab {
    flex: 1 1 0;
    text-align: center;
    margin-top: 0;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    line-height: 1.25rem;
  }
  /* line 334, app/assets/stylesheets/responsive.scss */
  .analytics-audit-reports__controls {
    align-items: stretch;
  }
  /* line 338, app/assets/stylesheets/responsive.scss */
  .analytics-audit-reports__controls-inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    width: 100%;
  }
  /* line 346, app/assets/stylesheets/responsive.scss */
  .analytics-audit-reports__filter-form {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    width: 100%;
  }
  /* line 354, app/assets/stylesheets/responsive.scss */
  .analytics-audit-reports__date-field {
    gap: 0.5rem;
  }
  /* line 358, app/assets/stylesheets/responsive.scss */
  .analytics-audit-reports__date-field .flatpickr-date {
    min-width: 0;
    flex: 1 1 auto;
  }
  /* line 363, app/assets/stylesheets/responsive.scss */
  .analytics-audit-reports__filter-form .lupin-btn,
.analytics-audit-reports__download-btn {
    width: 100%;
    justify-content: center;
  }
  /* line 369, app/assets/stylesheets/responsive.scss */
  .analytics-audit-reports__table th,
.analytics-audit-reports__table td {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  /* line 375, app/assets/stylesheets/responsive.scss */
  .analytics-kml {
    padding: 1.5rem 1rem;
  }
  /* line 379, app/assets/stylesheets/responsive.scss */
  .analytics-kml__actions {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: stretch;
  }
  /* line 386, app/assets/stylesheets/responsive.scss */
  .analytics-kml__action-btn {
    width: 100%;
    justify-content: center;
  }
  /* line 391, app/assets/stylesheets/responsive.scss */
  .sites-table__table th,
.sites-table__table td {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  /* line 397, app/assets/stylesheets/responsive.scss */
  .sites-search__actions .sites-search__action-btn {
    min-height: 2.75rem;
    height: 2.75rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 406, app/assets/stylesheets/responsive.scss */
  .sites-search__actions .sites-search__action-btn span {
    white-space: nowrap;
  }
  /* line 410, app/assets/stylesheets/responsive.scss */
  .sites-search__actions .sites-search__action-btn--advanced svg,
.sites-search__actions .sites-search__action-btn--reset svg {
    display: none;
  }
  /* line 415, app/assets/stylesheets/responsive.scss */
  .sites-index-controls .lupin-btn--save {
    min-height: 2.75rem;
    height: 2.75rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 422, app/assets/stylesheets/responsive.scss */
  .sites-index-controls__sort {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 0.375rem;
  }
  /* line 429, app/assets/stylesheets/responsive.scss */
  .sites-index-controls__sort label {
    margin-bottom: 0;
  }
  /* line 433, app/assets/stylesheets/responsive.scss */
  .site-show-tabs button {
    font-size: 0.75rem;
  }
  /* line 437, app/assets/stylesheets/responsive.scss */
  .deposit-show-tabs button {
    font-size: 0.75rem;
  }
  /* line 441, app/assets/stylesheets/responsive.scss */
  .building-show-tabs button {
    font-size: 0.75rem;
  }
  /* line 445, app/assets/stylesheets/responsive.scss */
  .site-show-table__table th,
.site-show-table__table td {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  /* line 451, app/assets/stylesheets/responsive.scss */
  .deposit-show-table__table th,
.deposit-show-table__table td,
.deposit-index-table__table th,
.deposit-index-table__table td {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  /* line 459, app/assets/stylesheets/responsive.scss */
  .building-show-table__table th,
.building-show-table__table td,
.asbman-floors-table th,
.asbman-floors-table td {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  /* line 467, app/assets/stylesheets/responsive.scss */
  .asbman-groups-table th,
.asbman-groups-table td {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  /* line 473, app/assets/stylesheets/responsive.scss */
  .asbman-settings-page .asbman-segmented a,
.asbman-attachment-categories-page .asbman-segmented a {
    white-space: nowrap;
    font-size: 0.75rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  /* line 481, app/assets/stylesheets/responsive.scss */
  .asbman-templates-page .asbman-segmented a {
    white-space: nowrap;
    font-size: 0.75rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  /* line 488, app/assets/stylesheets/responsive.scss */
  .report-partials-table th,
.report-partials-table td,
.report-templates-table th,
.report-templates-table td {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  /* line 496, app/assets/stylesheets/responsive.scss */
  .asbman-locations-page .tree-node > div {
    padding: 0.75rem;
  }
  /* line 500, app/assets/stylesheets/responsive.scss */
  .asbman-location-tree__name,
.asbman-location-tree__meta {
    color: #111827;
  }
}

@media (max-width: 480px) {
  /* line 507, app/assets/stylesheets/responsive.scss */
  .company-primary-nav__company-name {
    max-width: 6.5rem;
  }
  /* line 511, app/assets/stylesheets/responsive.scss */
  .company-secondary-nav__logo {
    max-width: 96px;
  }
}