react-core-ts 4.0.2 → 4.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/AutoCompleteWithSelectedList.js +1 -1
  2. package/dist/AutoCompleteWithSelectedList.js.map +1 -1
  3. package/dist/AutoCompleteWithTabFilter.js +2 -2
  4. package/dist/AutoCompleteWithTabFilter.js.map +1 -1
  5. package/dist/AutoCompleteWithTreeStructure.js +2 -2
  6. package/dist/AutoCompleteWithTreeStructure.js.map +1 -1
  7. package/dist/ExpandableAutoComplete.js +1 -1
  8. package/dist/ExpandableAutoComplete.js.map +1 -1
  9. package/dist/ReactAutoComplete.js +8 -8
  10. package/dist/ReactAutoComplete.js.map +1 -1
  11. package/dist/ReactAutoCompleteDropdown.js +9 -9
  12. package/dist/ReactAutoCompleteDropdown.js.map +1 -1
  13. package/dist/ReactAutoCompleteSuggections.js +34 -34
  14. package/dist/ReactAutoCompleteSuggections.js.map +1 -1
  15. package/dist/ReactAutoCompleteTableView.js +9 -9
  16. package/dist/ReactAutoCompleteTableView.js.map +1 -1
  17. package/dist/ReactTextArea.js +13 -13
  18. package/dist/ReactTextArea.js.map +1 -1
  19. package/dist/ReactTextField.js +36 -33
  20. package/dist/ReactTextField.js.map +1 -1
  21. package/dist/components/TreeNode.js +1 -1
  22. package/dist/components/TreeNode.js.map +1 -1
  23. package/dist/dummyAutoCompleteWithSelectedList.js +1 -1
  24. package/dist/dummyAutoCompleteWithSelectedList.js.map +1 -1
  25. package/dist/generated/stylesContent.d.ts +1 -1
  26. package/dist/generated/stylesContent.js +1 -1
  27. package/dist/generated/stylesContent.js.map +1 -1
  28. package/dist/react-core-ts.css +519 -46
  29. package/dist/styles/components/autocomplete.css +123 -7
  30. package/dist/styles/components/modern-input.css +209 -0
  31. package/dist/styles/components/qbs-fallbacks.css +174 -0
  32. package/dist/styles/global.css +3 -1
  33. package/dist/styles/library-entry.css +2 -0
  34. package/package.json +1 -1
package/dist/generated/stylesContent.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  /** Auto-generated by scripts/build-styles.js — do not edit */
2
- export declare const STYLES = ".qbs-container {\n width: 100%\n}\n@media (min-width: 640px) {\n .qbs-container {\n max-width: 640px\n }\n}\n@media (min-width: 768px) {\n .qbs-container {\n max-width: 768px\n }\n}\n@media (min-width: 1024px) {\n .qbs-container {\n max-width: 1024px\n }\n}\n@media (min-width: 1280px) {\n .qbs-container {\n max-width: 1280px\n }\n}\n@media (min-width: 1536px) {\n .qbs-container {\n max-width: 1536px\n }\n}\n.qbs-visible {\n visibility: visible\n}\n.qbs-invisible {\n visibility: hidden\n}\n.qbs-absolute {\n position: absolute\n}\n.qbs-relative {\n position: relative\n}\n.qbs-sticky {\n position: sticky\n}\n.qbs-bottom-0 {\n bottom: 0px\n}\n.qbs-left-0 {\n left: 0px\n}\n.qbs-right-0 {\n right: 0px\n}\n.qbs-right-2 {\n right: 0.5rem\n}\n.qbs-right-\\[1px\\] {\n right: 1px\n}\n.qbs-start-\\[14px\\] {\n inset-inline-start: 14px\n}\n.qbs-top-0 {\n top: 0px\n}\n.qbs-top-1 {\n top: 0.25rem\n}\n.qbs-top-1\\.5 {\n top: 0.375rem\n}\n.qbs-top-2 {\n top: 0.5rem\n}\n.qbs-top-6 {\n top: 1.5rem\n}\n.qbs-z-10 {\n z-index: 10\n}\n.qbs-z-50 {\n z-index: 50\n}\n.qbs-m-0 {\n margin: 0px\n}\n.-qbs-mt-2 {\n margin-top: -0.5rem\n}\n.qbs-mb-2 {\n margin-bottom: 0.5rem\n}\n.qbs-mb-3 {\n margin-bottom: 0.75rem\n}\n.qbs-me-2 {\n margin-inline-end: 0.5rem\n}\n.qbs-ml-2 {\n margin-left: 0.5rem\n}\n.qbs-mr-0 {\n margin-right: 0px\n}\n.qbs-mr-1 {\n margin-right: 0.25rem\n}\n.qbs-mr-2 {\n margin-right: 0.5rem\n}\n.qbs-mr-\\[1px\\] {\n margin-right: 1px\n}\n.qbs-mt-9 {\n margin-top: 2.25rem\n}\n.qbs-mt-\\[1px\\] {\n margin-top: 1px\n}\n.qbs-block {\n display: block\n}\n.qbs-inline-block {\n display: inline-block\n}\n.qbs-flex {\n display: flex\n}\n.qbs-inline-flex {\n display: inline-flex\n}\n.qbs-hidden {\n display: none\n}\n.qbs-h-10 {\n height: 2.5rem\n}\n.qbs-h-4 {\n height: 1rem\n}\n.qbs-h-5 {\n height: 1.25rem\n}\n.qbs-h-6 {\n height: 1.5rem\n}\n.qbs-h-\\[20px\\] {\n height: 20px\n}\n.qbs-h-\\[25px\\] {\n height: 25px\n}\n.qbs-h-\\[34px\\] {\n height: 34px\n}\n.qbs-h-auto {\n height: auto\n}\n.qbs-max-h-40 {\n max-height: 10rem\n}\n.qbs-min-h-6 {\n min-height: 1.5rem\n}\n.qbs-min-h-\\[28px\\] {\n min-height: 28px\n}\n.qbs-w-4 {\n width: 1rem\n}\n.qbs-w-5 {\n width: 1.25rem\n}\n.qbs-w-6 {\n width: 1.5rem\n}\n.qbs-w-\\[54px\\] {\n width: 54px\n}\n.qbs-w-auto {\n width: auto\n}\n.qbs-w-fit {\n width: -moz-fit-content;\n width: fit-content\n}\n.qbs-w-full {\n width: 100%\n}\n.qbs-min-w-0 {\n min-width: 0px\n}\n.qbs-min-w-6 {\n min-width: 1.5rem\n}\n.qbs-min-w-\\[20px\\] {\n min-width: 20px\n}\n.qbs-min-w-\\[28px\\] {\n min-width: 28px\n}\n.qbs-flex-1 {\n flex: 1 1 0%\n}\n.qbs-flex-shrink-0 {\n flex-shrink: 0\n}\n.qbs-flex-grow {\n flex-grow: 1\n}\n.qbs-origin-\\[0\\] {\n transform-origin: 0\n}\n.-qbs-translate-y-1 {\n --tw-translate-y: -0.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-qbs-translate-y-4 {\n --tw-translate-y: -1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-translate-x-1 {\n --tw-translate-x: 0.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n@keyframes qbs-spin {\n to {\n transform: rotate(360deg)\n }\n}\n.qbs-animate-spin {\n animation: qbs-spin 1s linear infinite\n}\n.qbs-cursor-default {\n cursor: default\n}\n.qbs-cursor-not-allowed {\n cursor: not-allowed\n}\n.qbs-cursor-pointer {\n cursor: pointer\n}\n.qbs-cursor-text {\n cursor: text\n}\n.qbs-resize-none {\n resize: none\n}\n.qbs-list-none {\n list-style-type: none\n}\n.qbs-appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none\n}\n.qbs-flex-col {\n flex-direction: column\n}\n.qbs-flex-wrap {\n flex-wrap: wrap\n}\n.qbs-items-center {\n align-items: center\n}\n.qbs-items-stretch {\n align-items: stretch\n}\n.qbs-justify-start {\n justify-content: flex-start\n}\n.qbs-justify-end {\n justify-content: flex-end\n}\n.qbs-justify-center {\n justify-content: center\n}\n.qbs-justify-between {\n justify-content: space-between\n}\n.qbs-gap-0 {\n gap: 0px\n}\n.qbs-gap-1 {\n gap: 0.25rem\n}\n.qbs-gap-2 {\n gap: 0.5rem\n}\n.qbs-gap-x-5 {\n -moz-column-gap: 1.25rem;\n column-gap: 1.25rem\n}\n.qbs-overflow-auto {\n overflow: auto\n}\n.qbs-overflow-x-auto {\n overflow-x: auto\n}\n.qbs-overflow-y-auto {\n overflow-y: auto\n}\n.qbs-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap\n}\n.qbs-whitespace-normal {\n white-space: normal\n}\n.qbs-break-words {\n overflow-wrap: break-word\n}\n.qbs-rounded-\\[4px\\] {\n border-radius: 4px\n}\n.qbs-rounded-full {\n border-radius: 9999px\n}\n.qbs-rounded-sm {\n border-radius: 0.125rem\n}\n.qbs-border {\n border-width: 1px\n}\n.qbs-border-b {\n border-bottom-width: 1px\n}\n.qbs-border-b-2 {\n border-bottom-width: 2px\n}\n.qbs-border-r {\n border-right-width: 1px\n}\n.qbs-border-none {\n border-style: none\n}\n.qbs-border-\\[\\#D0D5DD\\] {\n --tw-border-opacity: 1;\n border-color: rgb(208 213 221 / var(--tw-border-opacity))\n}\n.qbs-border-\\[\\#FDA29B\\] {\n --tw-border-opacity: 1;\n border-color: rgb(253 162 155 / var(--tw-border-opacity))\n}\n.qbs-bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity))\n}\n.qbs-bg-orange-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 115 22 / var(--tw-bg-opacity))\n}\n.qbs-bg-transparent {\n background-color: transparent\n}\n.qbs-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.qbs-fill-blue-navy {\n fill: #001f3f\n}\n.qbs-p-0 {\n padding: 0px\n}\n.qbs-p-0\\.5 {\n padding: 0.125rem\n}\n.qbs-p-1 {\n padding: 0.25rem\n}\n.qbs-px-0 {\n padding-left: 0px;\n padding-right: 0px\n}\n.qbs-px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem\n}\n.qbs-px-1\\.5 {\n padding-left: 0.375rem;\n padding-right: 0.375rem\n}\n.qbs-px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem\n}\n.qbs-px-2\\.5 {\n padding-left: 0.625rem;\n padding-right: 0.625rem\n}\n.qbs-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem\n}\n.qbs-px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem\n}\n.qbs-py-0 {\n padding-top: 0px;\n padding-bottom: 0px\n}\n.qbs-py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem\n}\n.qbs-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem\n}\n.qbs-py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem\n}\n.qbs-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem\n}\n.qbs-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem\n}\n.\\!qbs-pl-\\[45px\\] {\n padding-left: 45px !important\n}\n.\\!qbs-pt-\\[10px\\] {\n padding-top: 10px !important\n}\n.qbs-pl-2 {\n padding-left: 0.5rem\n}\n.qbs-pl-\\[10px\\] {\n padding-left: 10px\n}\n.qbs-ps-3 {\n padding-inline-start: 0.75rem\n}\n.qbs-ps-3\\.5 {\n padding-inline-start: 0.875rem\n}\n.qbs-pt-16 {\n padding-top: 4rem\n}\n.qbs-pt-3 {\n padding-top: 0.75rem\n}\n.qbs-text-center {\n text-align: center\n}\n.qbs-text-right {\n text-align: right\n}\n.qbs-align-middle {\n vertical-align: middle\n}\n.qbs-text-\\[10px\\] {\n font-size: 10px\n}\n.qbs-text-\\[11px\\] {\n font-size: 11px\n}\n.qbs-text-base {\n font-size: 1rem;\n line-height: 1.5rem\n}\n.qbs-text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem\n}\n.qbs-text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n.qbs-text-xs {\n font-size: 0.75rem;\n line-height: 1rem\n}\n.qbs-font-medium {\n font-weight: 500\n}\n.qbs-font-normal {\n font-weight: 400\n}\n.qbs-font-semibold {\n font-weight: 600\n}\n.qbs-leading-none {\n line-height: 1\n}\n.qbs-text-\\[\\#003C71\\] {\n --tw-text-opacity: 1;\n color: rgb(0 60 113 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#28B440\\] {\n --tw-text-opacity: 1;\n color: rgb(40 180 64 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#475467\\] {\n --tw-text-opacity: 1;\n color: rgb(71 84 103 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#667085\\] {\n --tw-text-opacity: 1;\n color: rgb(102 112 133 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#F94110\\] {\n --tw-text-opacity: 1;\n color: rgb(249 65 16 / var(--tw-text-opacity))\n}\n.qbs-text-blue-navy {\n --tw-text-opacity: 1;\n color: rgb(0 31 63 / var(--tw-text-opacity))\n}\n.qbs-text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity))\n}\n.qbs-text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity))\n}\n.qbs-text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity))\n}\n.qbs-text-green-500 {\n --tw-text-opacity: 1;\n color: rgb(34 197 94 / var(--tw-text-opacity))\n}\n.qbs-text-table-hover {\n --tw-text-opacity: 1;\n color: rgb(248 248 248 / var(--tw-text-opacity))\n}\n.qbs-text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.qbs-text-zinc-500 {\n --tw-text-opacity: 1;\n color: rgb(113 113 122 / var(--tw-text-opacity))\n}\n.qbs-opacity-70 {\n opacity: 0.7\n}\n.qbs-shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.qbs-shadow-gray-300 {\n --tw-shadow-color: #d1d5db;\n --tw-shadow: var(--tw-shadow-colored)\n}\n.qbs-outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n.qbs-transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.qbs-duration-200 {\n transition-duration: 200ms\n}\n.qbs-duration-300 {\n transition-duration: 300ms\n}\n.qbs-ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.last\\:qbs-border-b-0:last-child {\n border-bottom-width: 0px\n}\n.focus\\:qbs-border-\\[\\#667085\\]:focus {\n --tw-border-opacity: 1;\n border-color: rgb(102 112 133 / var(--tw-border-opacity))\n}\n.focus\\:qbs-border-blue-navy:focus {\n --tw-border-opacity: 1;\n border-color: rgb(0 31 63 / var(--tw-border-opacity))\n}\n.focus\\:qbs-outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n.focus\\:qbs-outline-\\[\\#FDA29B\\]:focus {\n outline-color: #FDA29B\n}\n.focus\\:qbs-ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.focus\\:qbs-ring-\\[\\#FDA29B\\]:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(253 162 155 / var(--tw-ring-opacity))\n}\n.focus-visible\\:qbs-outline-slate-100:focus-visible {\n outline-color: #f1f5f9\n}\n.disabled\\:qbs-opacity-70:disabled {\n opacity: 0.7\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-1\\/2 {\n top: 50%\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-1\\/2 {\n top: 50%\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[2px\\] {\n top: 2px\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[2px\\] {\n top: 2px\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[60\\%\\] {\n top: 60%\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[60\\%\\] {\n top: 60%\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:-qbs-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:-qbs-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-top-1\\.5 {\n top: 0.375rem\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-top-2 {\n top: 0.5rem\n}\n.qbs-peer:focus ~ .peer-focus\\:-qbs-translate-y-4 {\n --tw-translate-y: -1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-cursor-pointer {\n cursor: pointer\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-text-blue-navy {\n --tw-text-opacity: 1;\n color: rgb(0 31 63 / var(--tw-text-opacity))\n}\n.qbs-peer:focus ~ .rtl\\:peer-focus\\:qbs-left-auto:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: auto\n}\n.qbs-peer:focus ~ .rtl\\:peer-focus\\:qbs-translate-x-1\\/4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n --tw-translate-x: 25%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.\\[\\&_svg\\]\\:qbs-mr-0 svg {\n margin-right: 0px\n}\n.\\[\\&_svg\\]\\:qbs-h-5 svg {\n height: 1.25rem\n}\n.\\[\\&_svg\\]\\:qbs-w-5 svg {\n width: 1.25rem\n}\n\n\n/* Intentionally no global `body *` reset \u2014 avoids conflicting with consumer apps. */\n:root {\n --rcts-grey-dark: #4a4a4a;\n --rcts-grey-light: #d3d3d3;\n --rcts-blue-navy: #001f3f;\n --rcts-input-disabled: #a9a9a9;\n --rcts-error-light: #f08080;\n --rcts-error-extra-light: #fddede;\n --rcts-success: #28a745;\n --rcts-success-light: #d4edda;\n --rcts-blue-light: #add8e6;\n /* Back-compat aliases */\n --grey-dark: var(--rcts-grey-dark);\n --grey-light: var(--rcts-grey-light);\n --blue-navy: var(--rcts-blue-navy);\n --input-disabled: var(--rcts-input-disabled);\n --error-light: var(--rcts-error-light);\n --error-extra-light: var(--rcts-error-extra-light);\n --success: var(--rcts-success);\n --success-light: var(--rcts-success-light);\n --blue-light: var(--rcts-blue-light);\n --table-hover: #f8f8f8;\n}\n\n.custom-spinner {\n width: 24px !important; /* w-6 */\n height: 24px; /* h-6 */\n color: transparent; /* text-table-hover */\n fill: var(--blue-navy); /* fill-blue-navy */\n animation: spin 1s linear infinite; /* animate-spin */\n width: 15px;\n position: relative;\n top: 1px;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.textfield,\n.textfield-big {\n outline: none;\n color: var(--grey-dark);\n border-color: var(--grey-light);\n background-color: white;\n}\n\n.textfield:focus,\n.textfield-big:focus {\n border-color: var(--blue-navy);\n}\n\n.textfield:disabled,\n.textfield-big:disabled {\n color: var(--input-disabled);\n}\n\n.textfield-error,\n.textfield-big-error {\n outline: none;\n color: var(--error-light) !important;\n border-color: var(--error-light) !important;\n background-color: var(--error-extra-light) !important ;\n}\n\n.textfield-error::placeholder,\n.textfield-big-error::placeholder {\n color: var(--error-light);\n}\n\n.textfield-success {\n outline: none;\n color: var(--success);\n border-color: var(--success);\n background-color: var(--success-light);\n}\n\n.textfield-success:focus {\n ring-width: 0;\n}\n\n.textfield-success::placeholder {\n color: var(--success);\n}\n\n.textfield-editable {\n outline: none;\n color: var(--grey-dark);\n border-color: var(--blue-navy);\n background-color: var(--blue-light);\n}\n\n.textfield-editable::placeholder {\n color: var(--grey-dark);\n}\n\n.qbs-autocomplete-suggestions {\n position: absolute;\n height: auto;\n width: 100%;\n padding: 8px; /* Corresponding to p-1.5 in Tailwind */\n z-index: 99;\n margin-top: 4px;\n margin-bottom: 0;\n border-radius: 8px;\n background: #fff;\n box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);\n transform: translateY(0); /* Default position */\n transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;\n opacity: 1;\n\n /* Ensure content doesn't overflow during transition */\n}\n.qbs-autocomplete-suggestions-expandable{\n padding: 8px 0px;\n}\n.qbs-autocomplete-suggestions-expandable .qbs-autocomplete-suggestions-expandable-container {\n padding: 0px 8px;\n}\n.qbs-autocomplete-suggestions.bottom {\n top: 100%; /* Position below the input */\n /* Other styling */\n}\n\n.qbs-autocomplete-suggestions.top {\n bottom: 100%; /* Position above the input */\n /* Other styling */\n}\n.qbs-autocomplete-suggestions-item {\n cursor: pointer;\n padding: 6px 8px;\n border-radius: 6px;\n color: #222;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n /* width: 100%; */\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n.qbs-autocomplete-suggestions-item:hover {\n background: #f8f8f8;\n border-radius: 6px;\n}\n\n/* When value.id is equal to suggestion.id */\n.is-selected {\n border-radius: 6px;\n background: var(--neutrals-grey-20, #f4f4f4);\n}\n\n/* When value.id is NOT equal to suggestion.id */\n.qbs-autocomplete-suggestions-item .is-not-selected:hover {\n background-color: #f1f5f9; /* Replace with actual color code for 'hover:bg-table-hover' */\n}\n\n.qbs-autocomplete-notfound {\n cursor: default;\n padding: 6px 8px;\n border-radius: 6px;\n font-size: 12px;\n font-weight: 500;\n}\n.qbs-autocomplete-witherror-close-icon {\n position: absolute;\n top: calc(50% - 8px);\n right: 22px; /* right-1 */\n padding-left: 0.25rem; /* px-1 */\n padding-right: 0.25rem; /* px-1 */\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.qbs-autocomplete-close-icon {\n position: absolute;\n top: calc(50% - 8px);\n right: 2px; /* right-1 */\n padding-left: 0.25rem; /* px-1 */\n padding-right: 0.25rem; /* px-1 */\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.qbs-textfield-default {\n width: 100%;\n position: relative;\n padding-right: 8px;\n min-height: 36px;\n height: 36px;\n border-radius: 6px;\n padding-left: 8px;\n border: 1px solid #d6d8dc;\n background: #fff;\n box-sizing: border-box;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: #313131;\n}\n\n.qbs-expandable-container {\n border: 1px solid #d6d8dc;\n background: #fff;\n box-sizing: border-box;\n padding: 5px;\n display: flex;\n flex-wrap: wrap;\n flex: 1 1 0%;\n gap: 5px;\n}\n\n.qbs-dropdown-selected-container {\n border: 0px;\n border-top: 1px solid #d6d8dc;\n min-height: 35px;\n margin-top: 2px;\n padding-top: 10px;\n}\n.qbs-dropdown-selected-preview {\n .qbs-dropdown-selected-container {\n border-top: 0px;\n }\n}\n\n.qbs-dropdown-selected-container .qbs-clear-link,\n.qbs-expandable-container .qbs-clear-link {\n color: #e76458;\n}\n\n.qbs-expandable-container .qbs-clear-with-auto-dropdown {\n right: 2rem;\n bottom: 10px;\n}\n\n.qbs-dropdown-selected-container .qbs-done-link,\n.qbs-expandable-container .qbs-done-link {\n color: #336cfc;\n margin-left: 10px;\n}\n\n.qbs-textfield-default.expandable {\n height: auto;\n border: none;\n}\n\n.qbs-expandable-container .qbs-textfield-expandable {\n flex: 1 1 auto;\n display: inline-grid;\n grid-template-columns: 0px min-content;\n grid-area: 1 / 1 / 2 / 3;\n overflow: hidden;\n}\n.qbs-expandable-container .qbs-textfield-expandable::after {\n content: attr(data-value) ' ';\n visibility: hidden;\n white-space: pre;\n grid-area: 1 / 2;\n font: inherit;\n min-width: 2px;\n border: 0px;\n margin: 0px;\n outline: 0px;\n padding: 0px;\n}\n.qbs-expandable-container .qbs-textfield-expandable input {\n opacity: 1;\n width: auto;\n grid-area: 1 / 2;\n min-width: 10px;\n border: 0px;\n margin: 0px;\n outline: 0px;\n padding: 0px;\n height: auto;\n min-height: auto;\n border-radius: 0;\n}\n\n.qbs-textfield-default::placeholder {\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n}\n\n.qbs-autocomplete-close-icon button:focus-within {\n outline: none;\n}\n\n.fullWidth {\n width: 100%;\n}\n\n.autoWidth {\n width: auto;\n}\n.icon-button {\n background: transparent;\n border: none;\n display: inline-flex;\n cursor: pointer;\n padding: 0px 1px;\n}\n.icon-button-rotate {\n rotate: 180deg;\n}\n.labels {\n font-size: 12px;\n}\n.dropdown-search-input {\n min-width: -webkit-fill-available;\n border-radius: 6px;\n border: 1px solid var(--border-card-color-default, #d6d8dc);\n background: var(--surface-input-bg-color-default, #fff);\n color: #313131;\n font-size: 14px;\n height: 36px;\n padding: 0px 8px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n padding-left: 32px;\n width: 100%;\n}\n.qbs-autocomplete-suggestions-sub {\n position: relative;\n overflow: auto;\n max-height: 184px;\n top: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.padding-class {\n padding: 12px !important;\n}\n.qbs-autocomplete-listitem-container:hover {\n color: #003c71;\n background-color: rgba(141, 194, 240, 0.15) !important;\n}\n.qbs-autocomplete-listitem-container {\n display: flex !important;\n align-items: center !important;\n gap: 0px;\n}\nul {\n list-style-type: none;\n}\n\n.react-core-ts-search-container {\n display: flex;\n align-items: center;\n gap: var(--spacing-4, 4px);\n align-self: stretch;\n margin-bottom: 4px;\n}\n.selected-item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 3px 6px;\n margin: 0;\n background-color: #e0e0e0;\n color: #333;\n border-radius: 6px;\n border: 1px solid rgba(231, 100, 88, 0.1);\n background: rgba(231, 100, 88, 0.1);\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n color: #e76458;\n gap: 6px;\n height: 22px;\n}\n\n.remove-item-btn {\n background-color: transparent;\n border: none;\n color: #e76458;\n cursor: pointer;\n}\n\n.remove-item-btn:hover {\n color: #e76458;\n}\n\n.qbs-inline-all-dropdown-btn {\n display: flex;\n gap: 12px;\n align-items: center;\n position: absolute;\n right: 25px;\n z-index: 99;\n top: 18px;\n flex-wrap: wrap;\n}\n\n.qbs-inline-all-direct-dropdown-btn {\n right: 0px;\n}\n\n.selected-items-container {\n display: flex;\n gap: 12px;\n align-items: center;\n position: absolute;\n left: 8px;\n z-index: 99;\n top: 6.5px;\n flex-wrap: wrap;\n}\n\n.selected-items-counter-container {\n display: flex;\n gap: 12px;\n align-items: center;\n position: absolute;\n right: 8px;\n z-index: 99;\n top: 6.5px;\n flex-wrap: wrap;\n}\n\n.qbs-expandable-container .selected-items-container {\n position: relative;\n top: 0;\n left: 0;\n}\n\n.selected-items-container .badge, \n.selected-items-counter-container .badge {\n background-color: #c63a3a;\n color: #fff;\n}\n\n.selected-item-inline-counter {\n right: 30px;\n}\n\n.selected-item-inline-counter-disabled {\n right: 8px;\n}\n\n.selected-item-tool-direct-counter {\n right: 60px;\n}\n\n.selected-item-nontool-direct-counter {\n right: 35px;\n}\n\n.selected-item-more {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 3px 8px;\n margin: 0;\n border-radius: 6px;\n background: #c63a3a;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n color: #fff;\n height: 22px;\n}\n\n.loadMoreSection {\n margin: 0;\n cursor: pointer;\n display: flex;\n justify-content: flex-start;\n padding: 8px;\n}\n.loadMoreSection p {\n color: #336cfc;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n margin: 0;\n}\n::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);\n border-radius: 0px;\n background-color: transparent;\n}\n\n::-webkit-scrollbar {\n width: 6px;\n height: 4px;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 100px;\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);\n background-color: #ddd;\n}\n\n.qbs-autocomplete-suggestions-item.is-selected {\n color: #e76458;\n background: #f8f8f8;\n}\n\nspan.dropdown-search-icon {\n position: absolute;\n left: 8px;\n top: 10px;\n}\n\n.dropdown-search-input:focus {\n outline: none;\n border: 1px solid #222;\n}\n\n.qbs-autocomplete-checkbox-container {\n gap: 8px;\n padding: 6px 8px;\n display: flex;\n align-items: flex-start;\n outline: none;\n box-shadow: none;\n}\n\n.qbs-autocomplete-checkbox-container .qbs-autocomplete-suggestions-item {\n padding: 0;\n /* pointer-events: none; */\n}\n\n.qbs-autocomplete-checkbox-container:hover {\n background: #f8f8f8;\n border-radius: 6px;\n}\n\n.qbs-autocomplete-checkbox-container.is-selected {\n background: #f8f8f8;\n border-radius: 6px;\n}\n\n.qbs-autocomplete-checkbox {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.qbs-autocomplete-checkbox input {\n opacity: 0;\n}\n\n.qbs-autocomplete-checkbox input ~ label {\n position: absolute;\n border-radius: 3px;\n border: 1px solid #999696;\n width: 16px;\n height: 16px;\n top: 1px;\n transition: all 0.2s ease;\n cursor: pointer;\n}\n\n.qbs-autocomplete-checkbox input ~ label svg {\n opacity: 0;\n transition: all 0.2s ease;\n position: absolute;\n left: 3px;\n top: 3px;\n width: 9px;\n height: 9px;\n}\n\n.qbs-autocomplete-checkbox input:checked ~ label {\n transition: all 0.2s ease;\n border-radius: 3px;\n background: #e76458;\n border-color: #e76458;\n}\n.qbs-autocomplete-checkbox input:checked ~ label svg {\n opacity: 1;\n transition: all 0.2s ease;\n}\n\n.action_label {\n font-size: 14px;\n color: #4c7ad6;\n}\n/* Tooltip.css */\n/* .tooltip-wrapper {\n position: relative;\n display: inline-block;\n}\n\n.tooltip-content {\n visibility: hidden;\n width: max-content;\n background-color: black;\n color: white;\n text-align: center;\n max-width: 150px;\n padding: 5px 10px;\n border-radius: 6px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: 50%;\n transform: translateX(-50%);\n transition: visibility 0.2s ease-in-out;\n}\n\n.tooltip-content::after {\n content: '';\n position: absolute;\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: black transparent transparent transparent;\n}\n\n.tooltip-wrapper:hover .tooltip-content {\n visibility: visible;\n} */\n.qbs-table-tooltip {\n position: relative;\n display: contents;\n cursor: pointer;\n}\n\n.qbs-table-tooltip .tooltiptext,\n.tooltiptext {\n visibility: hidden;\n background-color: #000;\n color: #fff;\n text-align: center;\n padding: 6px;\n border-radius: 4px;\n position: absolute;\n z-index: 9999;\n opacity: 0;\n transition: opacity 0.3s;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n max-width: 300px;\n}\n.tooltip-text-container {\n display: block;\n max-height: 200px;\n overflow: auto;\n}\n\n.qbs-table-tooltip.up .tooltiptext {\n bottom: 125%;\n left: 0%;\n}\n\n.qbs-table-tooltip.down .tooltiptext {\n top: 125%;\n right: 0px;\n left: auto;\n}\n\n.qbs-table-tooltip:hover .tooltiptext {\n visibility: visible;\n opacity: 1;\n}\n\n.qbs-table-tooltip .tooltiptext::after,\n.tooltiptext::after {\n content: '';\n position: absolute;\n border-width: 5px;\n border-style: solid;\n}\n\n.qbs-table-tooltip.up .tooltiptext::after,\n.up.tooltiptext::after {\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-color: #000 transparent transparent transparent;\n}\n\n.qbs-table-tooltip.down .tooltiptext::after,\n.down.tooltiptext::after {\n bottom: 100%;\n left: 50%;\n margin-left: -5px;\n border-color: transparent transparent #000 transparent;\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items {\n display: flex;\n /* justify-content: space-between; */\n align-items: flex-start;\n cursor: pointer;\n outline: none;\n box-shadow: none;\n word-break: break-all;\n word-wrap: break-word;\n width: auto;\n gap: 6px;\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items .suggestion-text {\n flex: 1 1 auto;\n min-width: 0;\n white-space: normal;\n overflow-wrap: anywhere;\n word-break: break-word;\n}\n\n.qbs-autocomplete-suggections-items.is-selected {\n background-color: #f1f5f9;\n /* width: max-content; */\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items .short-code,\n.qbs-autocomplete-listitem-container .short-code {\n font-size: 12px;\n background: #f0f0f0;\n padding: 4px 8px;\n border: 1px solid #ccc;\n border-radius: 4px;\n white-space: nowrap;\n margin-left: auto;\n flex: 0 0 auto;\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items .label-code,\n.qbs-autocomplete-listitem-container .label-code {\n font-size: 12px;\n background: #f0f0f0;\n padding: 4px 8px;\n border: 1px solid #ccc;\n border-radius: 4px;\n white-space: normal;\n overflow-wrap: anywhere;\n word-break: break-word;\n max-width: 140px;\n margin: 0px 5px;\n flex: 0 1 auto;\n}\n\n/* Split-detail dropdown theme (bank-style row: title + subtitle | badge) */\n.autocomplete-suggections--split-detail .qbs-split-detail-row {\n display: flex;\n align-items: center;\n gap: 12px;\n width: 100%;\n padding: 10px 12px;\n box-sizing: border-box;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-main {\n flex: 1;\n min-width: 0;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-title {\n font-size: 14px;\n font-weight: 600;\n color: #101828;\n line-height: 1.35;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-subtitle {\n margin-top: 4px;\n font-size: 12px;\n font-weight: 400;\n color: #667085;\n line-height: 1.45;\n white-space: normal;\n word-break: break-word;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-badge-wrap {\n flex-shrink: 0;\n align-self: center;\n max-width: 45%;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-badge {\n display: inline-block;\n padding: 6px 10px;\n font-size: 12px;\n font-weight: 600;\n line-height: 1.3;\n color: #194185;\n background: #d1e9ff;\n border: 1px solid #b2ddff;\n border-radius: 6px;\n white-space: normal;\n word-break: break-word;\n}\n\n.autocomplete-suggections--split-detail\n .qbs-autocomplete-suggections-items.bg-blue-navy\n .qbs-split-detail-title,\n.autocomplete-suggections--split-detail\n .qbs-autocomplete-suggections-items.bg-blue-navy\n .qbs-split-detail-subtitle {\n color: #fff;\n}\n\n.autocomplete-suggections--split-detail\n .qbs-autocomplete-suggections-items.bg-blue-navy\n .qbs-split-detail-badge {\n color: #194185;\n background: #eff8ff;\n border-color: #b2ddff;\n}\n\n/* TextField Inner Search Button */\n.inner-search-button {\n background: #f8f8f8;\n border-radius: 6px;\n padding: 0px 8px;\n display: flex;\n align-items: center;\n justify-content: center; \n cursor: pointer;\n height: 38px;\n width: 38px;\n top: 1px;\n right: 2px;\n}\n.search-btn-input {\n padding-right: 38px;\n}\n\n.qbs-tree-list-container {\n display: flex;\n flex-direction: column;\n}\n.qbs-tree-list-container-sub {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n gap: 7px;\n}\n\n.qbs-tree-list-container-sub .no-children {\n margin-left: 1.75rem; /* Corresponds to ml-7 in Tailwind */\n}\n.qbs-tree-list-container-sub-icon {\n margin-top: 0.25rem; /* Corresponds to mt-1 in Tailwind */\n cursor: pointer;\n padding-top: 0.5rem; /* Corresponds to py-2 in Tailwind */\n padding-bottom: 0.5rem;\n transition: transform 0.3s ease; /* Smooth rotation transition */\n color: #003c71;\n}\n\n.qbs-tree-list-container-sub-icon.expanded {\n transform: rotate(90deg); /* Corresponds to rotate-90 in Tailwind */\n}\n.qbs-tree-list-container-sub-container {\n display: flex;\n gap: 15px; /* Corresponds to gap-2 in Tailwind */\n padding: 0.5rem; /* Corresponds to p-2 in Tailwind */\n flex-direction: row; /* Corresponds to flex-row in Tailwind */\n width: 100%; /* Corresponds to w-full in Tailwind */\n color: #3d414a;\n}\n.qbs-tree-list-container-sub-container-hideicon {\n display: flex;\n gap: 6px; /* Corresponds to gap-2 in Tailwind */\n padding: 0.5rem; /* Corresponds to p-2 in Tailwind */\n flex-direction: row; /* Corresponds to flex-row in Tailwind */\n width: 100%; /* Corresponds to w-full in Tailwind */\n color: #3d414a;\n}\n.qbs-tree-list-container-sub-container-hideicon:hover {\n color: #003c71;\n background-color: rgba(141, 194, 240, 0.15) !important;\n}\n.qbs-tree-list-container-sub-container:hover {\n color: #003c71;\n background-color: rgba(141, 194, 240, 0.15) !important;\n}\n.qbs-tree-list-container-sub-container.qbs-expanded-child {\n color: #003c71;\n}\n.qbs-tree-list-container-sub-text.qbs-expanded-child {\n color: #003c71;\n}\n.qbs-tree-list-container-sub-text:hover {\n color: #003c71;\n /* background-color: rgba(141, 194, 240, 0.15) !important; */\n}\n\n.qbs-tree-list-container-sub-container.checked,\n.qbs-tree-list-container-sub-container-hideicon.checked {\n color: #003c71;\n background-color: rgba(\n 141,\n 194,\n 240,\n 0.15\n ) !important; /* Corresponds to bg-green-200 in Tailwind */\n}\n\n.marginLeft {\n margin-left: 28px; /* Corresponds to ml-2 in Tailwind */\n}\n.lightmarginLeft {\n margin-left: 19px; /* Corresponds to ml-2 in Tailwind */\n}\n.qbs-tree-list-container-sub- {\n line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */\n font-size: 0.875rem; /* Corresponds to text-sm in Tailwind (14px) */\n}\n.qbs-tree-list-container-child {\n margin-left: 1rem; /* Corresponds to ml-4 in Tailwind */\n margin-top: 0.5rem; /* Corresponds to mt-2 in Tailwind */\n display: flex; /* Corresponds to flex in Tailwind */\n flex-direction: column; /* Corresponds to flex-col in Tailwind */\n gap: 0.5rem; /* Corresponds to gap-2 in Tailwind */\n}\n.qbs-tree-list-container-sub-text {\n line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */\n font-size: 14px; /* Corresponds to text-sm in Tailwind (14px) */\n font-weight: 500;\n letter-spacing: 0.28px;\n font-family: 'Noto Sans';\n /* color: #3d414a; */\n}\n\n\n.qbs-flex {\n display: flex;\n}\n.qbs-flex-wrap {\n flex-wrap: wrap;\n}\n.qbs-w-full {\n width: 100%;\n}\n.qbs-mb-2 {\n margin-bottom: 0.5rem;\n}\n.-qbs-mt-2 {\n margin-top: -0.5rem;\n}\n.qbs-flex-1 {\n flex: 1 1 0%;\n}\n.qbs-inline-block {\n display: inline-block;\n}\n.qbs-text-sm {\n font-size: 0.875rem;\n}\n.qbs-cursor-pointer {\n cursor: pointer;\n}\n.qbs-text-center {\n text-align: center;\n}\n.qbs-p-1 {\n padding: 0.25rem;\n}\n.qbs-border-b-2 {\n border-bottom-width: 2px;\n}\n.qbs-tab-item {\n color: #4b5563;\n border-color: #d1d5db;\n /* Prevent mid-word breaking from any inherited/global rules */\n word-break: normal;\n overflow-wrap: normal;\n hyphens: manual;\n /* Prevent breaking at spaces too (single-line label) */\n white-space: nowrap;\n /* In non-scroll layout, keep text tidy if it's forced into a narrow cell */\n overflow: hidden;\n text-overflow: ellipsis;\n /* Minimum left/right padding inside each tab */\n padding-left: 8px;\n padding-right: 8px;\n}\n.qbs-tab-item:hover {\n color: #2563eb;\n}\n.qbs-tab-active-item {\n color: #2563eb;\n border-color: #2563eb;\n}\n\n/* When tabs overflow, keep them in a single row and allow horizontal scroll */\n.qbs-tab.qbs-tab-scroll {\n flex-wrap: nowrap !important; /* override .qbs-flex-wrap */\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n}\n\n.qbs-tab.qbs-tab-scroll .qbs-tab-items {\n flex: 0 0 auto !important; /* override .qbs-flex-1 */\n}\n\n.qbs-tab.qbs-tab-scroll .qbs-tab-item {\n width: max-content !important; /* override .qbs-w-full */\n white-space: nowrap;\n word-break: normal;\n overflow-wrap: normal;\n hyphens: manual;\n overflow: visible;\n text-overflow: clip;\n}\n\n/* If the tab label has nested spans (icons + text), ensure they inherit the non-breaking behavior */\n.qbs-tab-item * {\n word-break: inherit;\n overflow-wrap: inherit;\n hyphens: inherit;\n white-space: inherit;\n}\n.qbs-relative {\n position: relative;\n}\n.qbs-gap-1 {\n gap: 0.25rem;\n}\n.qbs-rounded-full {\n border-radius: 9999px;\n}\n.qbs-text-xs {\n font-size: 0.75rem;\n}\n.qbs-inline-flex {\n display: inline-flex;\n}\n.qbs-items-center {\n align-items: center;\n}\n.qbs-justify-center {\n justify-content: center;\n}\n.qbs-px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.qbs-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.qbs-leading-none {\n line-height: 1;\n}\n.qbs-min-w-6 {\n min-width: 1.5rem;\n}\n.qbs-min-h-6 {\n min-height: 1.5rem;\n}\n.qbs-align-middle {\n vertical-align: middle;\n}\n.qbs-min-emp-h {\n min-height: 183px;\n padding-top: 80px;\n padding-bottom: 80px;\n}\n.qbs-flex-grow {\n flex-grow: 1;\n}\n.qbs-text-right {\n text-align: right;\n}\n.qbs-readmore-collapse {\n cursor: pointer;\n width: 100%;\n text-align: center;\n display: flex;\n justify-content: center;\n margin-top: 5px;\n}\n.qbs-readmore-collapse div {\n border-radius: 9999px;\n min-width: 1.5rem;\n min-height: 1.5rem;\n padding: 5px;\n}\n.qbs-more-collapse:hover {\n background-color: #d1d5db;\n}\n.qbs-hidden {\n display: none;\n}\n.qbs-autocomplete-selected-suggestions {\n padding: 8px 0px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-suggestions-sub {\n min-height: 184px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-selected-suggestions-outer {\n padding: 0px 8px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-listitem-container{\n padding-top: 0px;\n padding-left: 4px;\n padding-right: 4px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-selected-suggestions-outer span.dropdown-search-icon {\n left: 16px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-selected-suggestions-outer .qbs-all-dropdown-btn {\n right: 16px;\n}\n.selected-items-outer-container {\n display: flex;\n gap: 5px;\n flex-wrap: wrap;\n overflow-x: auto;\n transition: height 3s ease-in-out, opacity 3s ease-in-out,\n padding 1s ease-in-out;\n}\n.qbs-bottom-0{\n bottom: 0;\n}\n.qbs-select-all-link{\n border-bottom: 1px solid var(--border-card-color-default, #d6d8dc);\n padding: 0px 8px;\n}\n.qbs-select-all-link .qbs-autocomplete-suggestions-item {\n margin-top: 5px;\n}\n\n.qbs-select-all-link .qbs-autocomplete-checkbox-container:hover,\n.qbs-select-all-link .qbs-autocomplete-checkbox-container.is-selected,\n.qbs-select-all-link .qbs-autocomplete-suggestions-item:hover\n {\n background: #fff;\n border-radius: 0px;\n}\n.qbs-select-all-link .qbs-autocomplete-listitem-container:hover {\n background-color:#fff !important;\n}\n\n.has-selected-items {\n color: #FF681D !important;\n}\n\n.tools-drop-btn-active {\n color: #FF681D !important;\n}\n.qbs-tab-has-selected-items .qbs-tab-item{\n color: #FF681D !important;\n}\n\n.tooltip-container {\n position: relative;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n}\n\n.bottom {\n .tooltip {\n position: absolute;\n bottom: -40;\n right: 3px;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n max-width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: all 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n\n &.info {\n color: #ffffff !important;\n border: 1px solid #ffffff;\n background-color: #000000;\n right: 1px;\n top: 5px;\n }\n\n &.card {\n color: #ffffff !important;\n border: 1px solid #ffffff;\n background-color: #000000;\n right: -8px;\n top: 5px;\n }\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n top: -4px;\n border: 1px solid #e55353;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .info.tooltip::before {\n border: 1px solid #000000;\n background-color: #000000;\n right: 14px;\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n top: -4px;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n }\n\n .card.tooltip::before {\n border: 1px solid #000000;\n background-color: #000000;\n right: 14px;\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n top: -3px;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n }\n\n .tooltip-container:hover .tooltip {\n top: 46px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n\n &.info {\n top: 30px;\n max-width: 500px;\n position: absolute;\n }\n\n &.card {\n top: 20px;\n max-width: 300px;\n position: absolute;\n }\n }\n .tooltip-info {\n position: absolute;\n bottom: -40;\n right: 3px;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n max-width: 100%;\n z-index: 999;\n top: 46px;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: all 0.3s;\n border: 1px solid #475467;\n background-color: #475467;\n border-radius: 6px;\n }\n .tooltip-info::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n top: -4px;\n border: 1px solid #475467;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #475467;\n }\n\n .tooltip-container:hover .tooltip-info {\n top: 46px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n.top-tool {\n .tooltip {\n position: absolute;\n bottom: 45px !important;\n left: 0;\n top: auto !important;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n white-space: normal;\n z-index: 999;\n font-size: 12px;\n max-width: 100%;\n color: #ff681d !important;\n pointer-events: none;\n transition: all 0.3s;\n border: 1px solid #ff681d;\n background-color: #fff;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n bottom: -4px;\n border: 1px solid #ff681d;\n border-left: none;\n border-top: none;\n transform: translate(50%) rotate(45deg);\n background-color: #fff;\n }\n\n .tooltip-container:hover .tooltip {\n bottom: 45px !important;\n opacity: 1;\n top: auto !important;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n.bottom-tool {\n .tooltip {\n position: absolute;\n bottom: -40;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n max-width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #ff681d !important;\n white-space: wrap;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #ff681d;\n background-color: #fff;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n top: -4px;\n border: 1px solid #ff681d;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #fff;\n }\n\n .tooltip-container:hover .tooltip {\n top: 46px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n\n.right {\n .tooltip {\n position: absolute;\n top: 2.5px;\n left: calc(100% + 9px);\n transform: translateX(0%);\n padding: 8px;\n opacity: 0;\n min-width: 200px;\n max-width: 200px;\n min-height: calc(100% - 16px);\n height: auto;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip-card {\n padding: 3px 10px 4px;\n top: -4px;\n min-width: 175px;\n background-color: #3d414a;\n border: 1px solid #3d414a;\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n left: -8px;\n top: 14px;\n z-index: 999;\n transform: translateY(10px);\n border: 1px solid #e55353;\n border-top: none;\n border-right: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .tooltip-card::before {\n top: 8px;\n background-color: #3d414a;\n border: 1px solid #3d414a;\n }\n\n .tooltip-container:hover {\n .tooltip {\n top: 2.5px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n\n .tooltip-card {\n top: -4px;\n }\n }\n}\n\n.left {\n .tooltip {\n position: absolute;\n top: 2.5px;\n right: calc(100% + 9px);\n transform: translateX(0%);\n padding: 8px;\n opacity: 0;\n min-width: 200px;\n max-width: 200px;\n min-height: calc(100% - 16px);\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 0px;\n top: 14px;\n z-index: 999;\n transform: translateY(10px);\n border: 1px solid #e55353;\n border-bottom: none;\n border-left: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .tooltip-container:hover .tooltip {\n top: 2.5px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n\n.top {\n .tooltip-info {\n position: absolute;\n top: -40;\n left: 0;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #475467;\n background-color: #475467;\n border-radius: 6px;\n }\n\n .tooltip-info::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n bottom: -4px;\n border: 1px solid #475467;\n border-left: none;\n border-top: none;\n transform: translate(50%) rotate(45deg);\n background-color: #475467;\n }\n\n .tooltip-container:hover .tooltip-info {\n top: -40px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n .tooltip {\n position: absolute;\n top: -40;\n left: 0;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n bottom: -4px;\n border: 1px solid #e55353;\n border-left: none;\n border-top: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .tooltip-container:hover .tooltip {\n top: -40px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n\n.custom-tooltip-container {\n position: relative;\n display: inline-block;\n}\n\n.custom-text {\n font-size: 18px;\n cursor: pointer;\n}\n\n.custom-tooltip {\n position: absolute;\n top: 100%;\n left: 20%;\n opacity: 0;\n visibility: hidden;\n font-size: 12px;\n background: #deefff;\n border-color: #bee0ff;\n padding: 5px;\n align-items: center;\n transition: opacity 0.3s, visibility 0.3s, top 0.3s, background 0.3s;\n z-index: 1;\n}\n\n.custom-tooltip::before {\n content: \"\";\n position: absolute;\n bottom: 100%;\n left: 20%;\n /* Center the arrow */\n border-width: 9px;\n /* Slightly larger to act as border */\n border-style: solid;\n border-color: transparent transparent #bee0ff transparent;\n /* Border color */\n transform: translateX(-20%);\n z-index: -1;\n /* Ensure it's behind the ::after pseudo-element */\n}\n\n.custom-tooltip::after {\n content: \"\";\n position: absolute;\n bottom: 100%;\n left: 20%;\n border-width: 8px;\n border-style: solid;\n border-color: transparent transparent #deefff transparent;\n transform: translateX(-20%);\n z-index: 1;\n}\n\n.custom-tooltip-container:hover .custom-tooltip {\n top: 100%;\n opacity: 1;\n visibility: visible;\n background: #deefff;\n transform: translate(-20%, 10px);\n}\n\n/* Portal tooltip version used outside .tooltip-container */\n.tooltip-info-portal {\n /* position/transform set inline in React (portal) */\n padding: 0.3em 0.6em;\n opacity: 1;\n width: max-content;\n max-width: 100%;\n font-size: 12px;\n color: #fff !important;\n pointer-events: auto;\n transition: opacity 0.2s, visibility 0.2s;\n border: 1px solid #475467;\n background-color: #475467;\n border-radius: 6px;\n}\n\n.tooltip-info-portal::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n top: -4px;\n border: 1px solid #475467;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #475467;\n}\n\n.tooltip-portal-error {\n /* position/transform set inline in React (portal); avoid CSS overriding anchor */\n padding: 0.3em 0.6em;\n opacity: 1;\n width: max-content;\n max-width: 320px;\n font-size: 12px;\n color: #fff !important;\n pointer-events: auto;\n transition: opacity 0.2s, visibility 0.2s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n}\n\n.tooltip-portal-error::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 8px;\n top: -4px;\n border: 1px solid #e55353;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n}\n\n";
2
+ export declare const STYLES = ".qbs-visible {\n visibility: visible\n}\n.qbs-invisible {\n visibility: hidden\n}\n.qbs-absolute {\n position: absolute\n}\n.qbs-relative {\n position: relative\n}\n.qbs-sticky {\n position: sticky\n}\n.qbs-bottom-0 {\n bottom: 0px\n}\n.qbs-left-0 {\n left: 0px\n}\n.qbs-right-0 {\n right: 0px\n}\n.qbs-right-2 {\n right: 0.5rem\n}\n.qbs-right-\\[1px\\] {\n right: 1px\n}\n.qbs-start-\\[14px\\] {\n inset-inline-start: 14px\n}\n.qbs-top-0 {\n top: 0px\n}\n.qbs-top-1 {\n top: 0.25rem\n}\n.qbs-top-1\\.5 {\n top: 0.375rem\n}\n.qbs-top-2 {\n top: 0.5rem\n}\n.qbs-top-6 {\n top: 1.5rem\n}\n.qbs-z-10 {\n z-index: 10\n}\n.qbs-z-50 {\n z-index: 50\n}\n.qbs-m-0 {\n margin: 0px\n}\n.-qbs-mt-2 {\n margin-top: -0.5rem\n}\n.qbs-mb-2 {\n margin-bottom: 0.5rem\n}\n.qbs-mb-3 {\n margin-bottom: 0.75rem\n}\n.qbs-me-2 {\n margin-inline-end: 0.5rem\n}\n.qbs-ml-2 {\n margin-left: 0.5rem\n}\n.qbs-mr-0 {\n margin-right: 0px\n}\n.qbs-mr-1 {\n margin-right: 0.25rem\n}\n.qbs-mr-2 {\n margin-right: 0.5rem\n}\n.qbs-mr-\\[1px\\] {\n margin-right: 1px\n}\n.qbs-mt-9 {\n margin-top: 2.25rem\n}\n.qbs-mt-\\[1px\\] {\n margin-top: 1px\n}\n.qbs-block {\n display: block\n}\n.qbs-inline-block {\n display: inline-block\n}\n.qbs-flex {\n display: flex\n}\n.qbs-inline-flex {\n display: inline-flex\n}\n.qbs-hidden {\n display: none\n}\n.qbs-h-10 {\n height: 2.5rem\n}\n.qbs-h-4 {\n height: 1rem\n}\n.qbs-h-5 {\n height: 1.25rem\n}\n.qbs-h-6 {\n height: 1.5rem\n}\n.qbs-h-\\[20px\\] {\n height: 20px\n}\n.qbs-h-\\[25px\\] {\n height: 25px\n}\n.qbs-h-\\[34px\\] {\n height: 34px\n}\n.qbs-h-auto {\n height: auto\n}\n.qbs-max-h-40 {\n max-height: 10rem\n}\n.qbs-min-h-6 {\n min-height: 1.5rem\n}\n.qbs-min-h-\\[28px\\] {\n min-height: 28px\n}\n.qbs-w-4 {\n width: 1rem\n}\n.qbs-w-5 {\n width: 1.25rem\n}\n.qbs-w-6 {\n width: 1.5rem\n}\n.qbs-w-\\[54px\\] {\n width: 54px\n}\n.qbs-w-auto {\n width: auto\n}\n.qbs-w-fit {\n width: -moz-fit-content;\n width: fit-content\n}\n.qbs-w-full {\n width: 100%\n}\n.qbs-min-w-0 {\n min-width: 0px\n}\n.qbs-min-w-6 {\n min-width: 1.5rem\n}\n.qbs-min-w-\\[20px\\] {\n min-width: 20px\n}\n.qbs-min-w-\\[28px\\] {\n min-width: 28px\n}\n.qbs-flex-1 {\n flex: 1 1 0%\n}\n.qbs-flex-shrink-0 {\n flex-shrink: 0\n}\n.qbs-flex-grow {\n flex-grow: 1\n}\n.qbs-origin-\\[0\\] {\n transform-origin: 0\n}\n.-qbs-translate-y-1 {\n --tw-translate-y: -0.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-qbs-translate-y-4 {\n --tw-translate-y: -1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-translate-x-1 {\n --tw-translate-x: 0.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n@keyframes qbs-spin {\n to {\n transform: rotate(360deg)\n }\n}\n.qbs-animate-spin {\n animation: qbs-spin 1s linear infinite\n}\n.qbs-cursor-default {\n cursor: default\n}\n.qbs-cursor-not-allowed {\n cursor: not-allowed\n}\n.qbs-cursor-pointer {\n cursor: pointer\n}\n.qbs-cursor-text {\n cursor: text\n}\n.qbs-resize-none {\n resize: none\n}\n.qbs-list-none {\n list-style-type: none\n}\n.qbs-appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none\n}\n.qbs-flex-col {\n flex-direction: column\n}\n.qbs-flex-wrap {\n flex-wrap: wrap\n}\n.qbs-items-center {\n align-items: center\n}\n.qbs-items-stretch {\n align-items: stretch\n}\n.qbs-justify-start {\n justify-content: flex-start\n}\n.qbs-justify-end {\n justify-content: flex-end\n}\n.qbs-justify-center {\n justify-content: center\n}\n.qbs-justify-between {\n justify-content: space-between\n}\n.qbs-gap-0 {\n gap: 0px\n}\n.qbs-gap-1 {\n gap: 0.25rem\n}\n.qbs-gap-2 {\n gap: 0.5rem\n}\n.qbs-gap-x-5 {\n -moz-column-gap: 1.25rem;\n column-gap: 1.25rem\n}\n.qbs-overflow-auto {\n overflow: auto\n}\n.qbs-overflow-x-auto {\n overflow-x: auto\n}\n.qbs-overflow-y-auto {\n overflow-y: auto\n}\n.qbs-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap\n}\n.qbs-whitespace-normal {\n white-space: normal\n}\n.qbs-break-words {\n overflow-wrap: break-word\n}\n.qbs-rounded-\\[4px\\] {\n border-radius: 4px\n}\n.qbs-rounded-full {\n border-radius: 9999px\n}\n.qbs-rounded-sm {\n border-radius: 0.125rem\n}\n.qbs-border {\n border-width: 1px\n}\n.qbs-border-b {\n border-bottom-width: 1px\n}\n.qbs-border-b-2 {\n border-bottom-width: 2px\n}\n.qbs-border-r {\n border-right-width: 1px\n}\n.qbs-border-none {\n border-style: none\n}\n.qbs-border-\\[\\#D0D5DD\\] {\n --tw-border-opacity: 1;\n border-color: rgb(208 213 221 / var(--tw-border-opacity))\n}\n.qbs-bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity))\n}\n.qbs-bg-orange-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 115 22 / var(--tw-bg-opacity))\n}\n.qbs-bg-transparent {\n background-color: transparent\n}\n.qbs-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.qbs-fill-blue-navy {\n fill: #001f3f\n}\n.qbs-p-0 {\n padding: 0px\n}\n.qbs-p-0\\.5 {\n padding: 0.125rem\n}\n.qbs-p-1 {\n padding: 0.25rem\n}\n.qbs-px-0 {\n padding-left: 0px;\n padding-right: 0px\n}\n.qbs-px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem\n}\n.qbs-px-1\\.5 {\n padding-left: 0.375rem;\n padding-right: 0.375rem\n}\n.qbs-px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem\n}\n.qbs-px-2\\.5 {\n padding-left: 0.625rem;\n padding-right: 0.625rem\n}\n.qbs-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem\n}\n.qbs-px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem\n}\n.qbs-py-0 {\n padding-top: 0px;\n padding-bottom: 0px\n}\n.qbs-py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem\n}\n.qbs-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem\n}\n.qbs-py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem\n}\n.qbs-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem\n}\n.qbs-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem\n}\n.\\!qbs-pl-\\[45px\\] {\n padding-left: 45px !important\n}\n.\\!qbs-pt-\\[10px\\] {\n padding-top: 10px !important\n}\n.qbs-pl-2 {\n padding-left: 0.5rem\n}\n.qbs-pl-\\[10px\\] {\n padding-left: 10px\n}\n.qbs-ps-3 {\n padding-inline-start: 0.75rem\n}\n.qbs-ps-3\\.5 {\n padding-inline-start: 0.875rem\n}\n.qbs-pt-16 {\n padding-top: 4rem\n}\n.qbs-pt-3 {\n padding-top: 0.75rem\n}\n.qbs-text-center {\n text-align: center\n}\n.qbs-text-right {\n text-align: right\n}\n.qbs-align-middle {\n vertical-align: middle\n}\n.qbs-text-\\[10px\\] {\n font-size: 10px\n}\n.qbs-text-\\[11px\\] {\n font-size: 11px\n}\n.qbs-text-base {\n font-size: 1rem;\n line-height: 1.5rem\n}\n.qbs-text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem\n}\n.qbs-text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n.qbs-text-xs {\n font-size: 0.75rem;\n line-height: 1rem\n}\n.qbs-font-medium {\n font-weight: 500\n}\n.qbs-font-normal {\n font-weight: 400\n}\n.qbs-font-semibold {\n font-weight: 600\n}\n.qbs-uppercase {\n text-transform: uppercase\n}\n.qbs-leading-none {\n line-height: 1\n}\n.qbs-text-\\[\\#003C71\\] {\n --tw-text-opacity: 1;\n color: rgb(0 60 113 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#28B440\\] {\n --tw-text-opacity: 1;\n color: rgb(40 180 64 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#475467\\] {\n --tw-text-opacity: 1;\n color: rgb(71 84 103 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#667085\\] {\n --tw-text-opacity: 1;\n color: rgb(102 112 133 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#F94110\\] {\n --tw-text-opacity: 1;\n color: rgb(249 65 16 / var(--tw-text-opacity))\n}\n.qbs-text-blue-navy {\n --tw-text-opacity: 1;\n color: rgb(0 31 63 / var(--tw-text-opacity))\n}\n.qbs-text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity))\n}\n.qbs-text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity))\n}\n.qbs-text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity))\n}\n.qbs-text-green-500 {\n --tw-text-opacity: 1;\n color: rgb(34 197 94 / var(--tw-text-opacity))\n}\n.qbs-text-table-hover {\n --tw-text-opacity: 1;\n color: rgb(248 248 248 / var(--tw-text-opacity))\n}\n.qbs-text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.qbs-text-zinc-500 {\n --tw-text-opacity: 1;\n color: rgb(113 113 122 / var(--tw-text-opacity))\n}\n.qbs-opacity-70 {\n opacity: 0.7\n}\n.qbs-shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.qbs-shadow-gray-300 {\n --tw-shadow-color: #d1d5db;\n --tw-shadow: var(--tw-shadow-colored)\n}\n.qbs-outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n.qbs-transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.qbs-duration-200 {\n transition-duration: 200ms\n}\n.qbs-duration-300 {\n transition-duration: 300ms\n}\n.qbs-ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.placeholder\\:qbs-normal-case::-moz-placeholder {\n text-transform: none\n}\n.placeholder\\:qbs-normal-case::placeholder {\n text-transform: none\n}\n.last\\:qbs-border-b-0:last-child {\n border-bottom-width: 0px\n}\n.focus\\:qbs-border-\\[\\#667085\\]:focus {\n --tw-border-opacity: 1;\n border-color: rgb(102 112 133 / var(--tw-border-opacity))\n}\n.focus\\:qbs-border-blue-navy:focus {\n --tw-border-opacity: 1;\n border-color: rgb(0 31 63 / var(--tw-border-opacity))\n}\n.focus\\:qbs-outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n.focus\\:qbs-ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.focus-visible\\:qbs-outline-slate-100:focus-visible {\n outline-color: #f1f5f9\n}\n.disabled\\:qbs-opacity-70:disabled {\n opacity: 0.7\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-1\\/2 {\n top: 50%\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-1\\/2 {\n top: 50%\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[2px\\] {\n top: 2px\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[2px\\] {\n top: 2px\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[60\\%\\] {\n top: 60%\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[60\\%\\] {\n top: 60%\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:-qbs-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:-qbs-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-top-1\\.5 {\n top: 0.375rem\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-top-2 {\n top: 0.5rem\n}\n.qbs-peer:focus ~ .peer-focus\\:-qbs-translate-y-4 {\n --tw-translate-y: -1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-cursor-pointer {\n cursor: pointer\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-text-blue-navy {\n --tw-text-opacity: 1;\n color: rgb(0 31 63 / var(--tw-text-opacity))\n}\n.qbs-peer:focus ~ .rtl\\:peer-focus\\:qbs-left-auto:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: auto\n}\n.qbs-peer:focus ~ .rtl\\:peer-focus\\:qbs-translate-x-1\\/4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n --tw-translate-x: 25%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.\\[\\&_svg\\]\\:qbs-mr-0 svg {\n margin-right: 0px\n}\n.\\[\\&_svg\\]\\:qbs-h-5 svg {\n height: 1.25rem\n}\n.\\[\\&_svg\\]\\:qbs-w-5 svg {\n width: 1.25rem\n}\n\n\n/**\n * Self-contained modern TextField / Autocomplete input styles.\n * These used to live in host apps; the library must ship them for Vite / local preview.\n */\n\n/* Base peer input (height + border) */\ninput.qbs-peer,\n.qbs-textfield input[class*='qbs-h-'] {\n box-sizing: border-box !important;\n display: block;\n width: 100%;\n height: 2.5rem !important;\n min-height: 2.5rem !important;\n margin: 0;\n border-style: solid;\n border-width: 1px;\n border-color: #d0d5dd;\n border-radius: 4px;\n background-color: #fff;\n color: #111827;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n padding-left: 0.875rem;\n padding-right: 0.875rem;\n padding-top: 0;\n padding-bottom: 0;\n outline: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\ninput.qbs-peer.qbs-h-\\[34px\\],\n.qbs-textfield input.qbs-h-\\[34px\\] {\n height: 34px !important;\n min-height: 34px !important;\n}\n\ninput.qbs-peer.qbs-h-\\[25px\\],\n.qbs-textfield input.qbs-h-\\[25px\\] {\n height: 25px !important;\n min-height: 25px !important;\n font-size: 0.75rem;\n}\n\ninput.qbs-peer:focus:not(.qbs-input-error) {\n border-color: #001f3f;\n}\n\ninput.qbs-peer:disabled {\n color: #98a2b3;\n background-color: #f2f4f7;\n cursor: not-allowed;\n}\n\n/*\n * Error state \u2014 must beat `input.qbs-peer` / `:focus` (element+class specificity).\n * Broken Tailwind classes like `focus:qbs-border-error-[#FDA29B]` never ship in CSS.\n */\ninput.qbs-peer.qbs-input-error,\n.qbs-textfield input.qbs-input-error,\n.qbs-autocomplete-container-table-view input.qbs-input-error {\n border-color: #fda29b !important;\n outline: none;\n}\n\ninput.qbs-peer.qbs-input-error:focus,\n.qbs-textfield input.qbs-input-error:focus,\n.qbs-autocomplete-container-table-view input.qbs-input-error:focus {\n border-color: #fda29b !important;\n outline: none;\n box-shadow: 0 0 0 3px rgba(253, 162, 155, 0.35);\n}\n\n/* Host-token fallbacks (prefixed utilities that are not in default Tailwind theme) */\n.qbs-border-input-light {\n border-color: #d0d5dd;\n}\n.qbs-text-input-text {\n color: #111827;\n}\n.qbs-text-input-disabled,\n.disabled\\:qbs-text-input-disabled:disabled {\n color: #98a2b3;\n}\n.qbs-bg-disabled,\n.disabled\\:qbs-bg-disabled:disabled {\n background-color: #f2f4f7;\n}\n.qbs-text-grey-dark {\n color: #344054;\n}\n.qbs-text-error-light {\n color: #f04438;\n}\n.qbs-text-error-icon,\n.qbs-text-error-label {\n color: #f04438;\n}\n.qbs-text-warning-icon,\n.qbs-text-warning-label {\n color: #f79009;\n}\n.qbs-text-tick-label {\n color: #28b440;\n}\n.qbs-text-grey-medium {\n color: #667085;\n}\n.qbs-border-grey-light {\n border-color: #d0d5dd;\n}\n.qbs-text-table-bodyColor {\n color: #667085;\n}\n.placeholder-input-label::placeholder {\n color: #667085;\n}\n.qbs-bg-bodyBG {\n background-color: #f9fafb;\n}\n.qbs-text-xxs {\n font-size: 0.625rem;\n line-height: 0.875rem;\n}\n.qbs-input-outline {\n outline: none;\n}\n.text-common {\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: #101828;\n}\n.text-error {\n color: #f04438;\n}\n.text-grey-secondary {\n color: #667085;\n}\n.text-text-primary {\n color: #101828;\n}\n\n/* Floating label: hide native placeholder when modern label is used */\n.placeholder-transparent::placeholder {\n color: transparent !important;\n}\n.placeholder-transparent::-webkit-input-placeholder {\n color: transparent !important;\n}\n.focus\\:placeholder-grey-secondary:focus::placeholder {\n color: #98a2b3;\n}\n\n.modern-input-label-truncate {\n max-width: calc(100% - 1.75rem);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n pointer-events: none;\n background-color: transparent;\n}\n\n.modern-input-label-size {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.modern-input-peer-focus-label-size,\n.peer-focus\\:modern-input-peer-focus-label-size {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n/* When peer has value / is focused, shrink label (Tailwind peer-focus variant class name) */\n.qbs-peer:focus ~ .peer-focus\\:modern-input-peer-focus-label-size,\n.qbs-peer:not(:placeholder-shown) ~ .modern-input-peer-focus-label-size,\n.qbs-peer:not(:placeholder-shown) ~ label.modern-input-label-truncate {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.active-input-label-bg {\n background-color: #fff;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.disabled-input-label-bg {\n background-color: #f2f4f7;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n/* Ensure bordered utility actually draws a border */\n.qbs-border {\n border-style: solid;\n}\n\n/* Utilities that apps expect but Tailwind may not emit / lose specificity */\n.qbs-z-1 {\n z-index: 1;\n}\n.qbs-start-\\[14px\\] {\n inset-inline-start: 14px;\n}\n.hover\\:qbs-text-dark:hover {\n color: #101828;\n}\n\n\n/**\n * Semantic / host-token fallbacks that Tailwind may not emit, or that\n * need guaranteed styles when the library is consumed in Vite apps.\n */\n\n/* --- Missing important / RTL utilities --- */\n.\\!qbs-pt-\\[10px\\] {\n padding-top: 10px !important;\n}\n.\\!qbs-pl-\\[45px\\] {\n padding-left: 45px !important;\n}\n\n/* TextArea RTL peer-focus nudge (class used in ReactTextArea) */\n[dir='rtl'] .qbs-peer:focus ~ .rtl\\:peer-focus\\:qbs-translate-x-1\\/6,\n.qbs-peer:focus ~ .rtl\\:peer-focus\\:qbs-translate-x-1\\/6:where([dir='rtl'] *) {\n transform: translateX(16.666667%);\n}\n\n/* --- Labels / selected chrome --- */\n.qbs-label-text,\n.labels.qbs-label-text {\n font-size: 12px;\n font-weight: 500;\n color: #344054;\n line-height: 16px;\n}\n.qbs-selected-label-text {\n color: #344054;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n white-space: nowrap;\n}\n.qbs-text-hundred-plus {\n font-size: 10px;\n letter-spacing: -0.02em;\n}\n.qbs-text-grey-label {\n color: #667085;\n font-size: 0.875rem;\n}\n\n/* --- Search-on-button chrome --- */\n.qbs-btn-search-on {\n background: transparent;\n border: none;\n border-radius: 4px;\n color: #667085;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.qbs-btn-search-on:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n}\n.qbs-btn-search-on:focus-visible {\n outline: 2px solid #cbd5e1;\n outline-offset: 1px;\n}\n\n/* --- Adornment hooks --- */\n.qbs-custom-dorpdown-adorement,\n.qbs-auto-dorpdown-adorement,\n.qbs-autocomplete-adorement {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n height: 100%;\n padding-right: 4px;\n box-sizing: border-box;\n}\n.adorement {\n display: inline-flex;\n align-items: center;\n}\n\n/* --- Loader / empty dropdown padding --- */\n.qbs-autocomplete-loader {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n min-height: 64px;\n padding-top: 4rem;\n box-sizing: border-box;\n}\n\n/* --- Suggestion list (Name/Count autocomplete) --- */\n.qbs-autocomplete-with-suggection {\n width: 100%;\n}\n.qbs-suggection-list {\n margin-top: 4px;\n width: 100%;\n}\n.qbs-suggection-item {\n cursor: pointer;\n padding-top: 4px;\n padding-bottom: 4px;\n}\n.qbs-suggection-item:hover {\n background-color: #f8f8f8;\n}\n.qbs-suggection-label {\n color: #344054;\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.qbs-suggection-count {\n background-color: #f97316;\n color: #fff;\n}\n.qbs-autosuggection-list {\n position: absolute;\n z-index: 50;\n}\n\n/* Warning / success suggestion containers */\n.suggection-warning-container .qbs-peer {\n border-color: #fdb022;\n}\n.suggection-okey-container .qbs-peer {\n border-color: #28b440;\n}\n\n/* --- Radio / checkbox hooks --- */\n.qbs-custom-radio-container {\n gap: 8px;\n}\n.qbs-radio-button {\n cursor: pointer;\n}\n\n/* --- Misc icon hooks (no-op safe defaults) --- */\n.qbs-all-dropdow-arrow-icon,\n.qbs-tools-arrow-icon,\n.qbs-tree-single-select-icon {\n display: inline-block;\n vertical-align: middle;\n}\n\n/* Extra color tokens often expected from host design systems */\n.qbs-text-gray-500 {\n color: #6b7280;\n}\n.qbs-text-gray-700 {\n color: #374151;\n}\n.qbs-text-gray-900 {\n color: #111827;\n}\n.qbs-bg-gray-100 {\n background-color: #f3f4f6;\n}\n.qbs-shadow-gray-300 {\n --tw-shadow-color: #d1d5db;\n}\n.qbs-border-b {\n border-bottom-width: 1px;\n border-bottom-style: solid;\n}\n.qbs-border-r {\n border-right-width: 1px;\n border-right-style: solid;\n}\n\n/* Ensure focus outline utilities work when host CSS resets outlines */\n.focus-visible\\:qbs-outline-slate-100:focus-visible {\n outline: 2px solid #f1f5f9;\n outline-offset: 2px;\n}\n\n\n/* Intentionally no global `body *` reset \u2014 avoids conflicting with consumer apps. */\n:root {\n --rcts-grey-dark: #4a4a4a;\n --rcts-grey-light: #d3d3d3;\n --rcts-blue-navy: #001f3f;\n --rcts-input-disabled: #a9a9a9;\n --rcts-error-light: #f08080;\n --rcts-error-extra-light: #fddede;\n --rcts-success: #28a745;\n --rcts-success-light: #d4edda;\n --rcts-blue-light: #add8e6;\n /* Back-compat aliases */\n --grey-dark: var(--rcts-grey-dark);\n --grey-light: var(--rcts-grey-light);\n --blue-navy: var(--rcts-blue-navy);\n --input-disabled: var(--rcts-input-disabled);\n --error-light: var(--rcts-error-light);\n --error-extra-light: var(--rcts-error-extra-light);\n --success: var(--rcts-success);\n --success-light: var(--rcts-success-light);\n --blue-light: var(--rcts-blue-light);\n --table-hover: #f8f8f8;\n}\n\n/*\n * Scoped border-box so TextField / Autocomplete heights match pre-4.0.2 behavior.\n * (Removing global body * broke height because padding+border were added outside h-*).\n */\n.qbs-textfield,\n.qbs-textfield *,\n.qbs-autocomplete-selected-comp,\n.qbs-autocomplete-selected-comp *,\n.qbs-autocomplete-suggestions,\n.qbs-autocomplete-suggestions *,\n.autocomplete-suggections,\n.autocomplete-suggections *,\n.qbs-expandable-container,\n.qbs-expandable-container *,\n.tooltip-container,\n.tooltip-container *,\n.react-core-ts-search-container,\n.react-core-ts-search-container *,\n.qbs-autocomplete-container-table-view,\n.qbs-autocomplete-container-table-view * {\n box-sizing: border-box;\n}\n\n/* Explicit TextField size heights \u2014 reliable even if utility order fights other CSS */\n.qbs-textfield input.qbs-h-10,\ninput.qbs-peer.qbs-h-10 {\n height: 2.5rem;\n min-height: 2.5rem;\n box-sizing: border-box;\n}\n.qbs-textfield input.qbs-h-\\[25px\\],\ninput.qbs-peer.qbs-h-\\[25px\\] {\n height: 25px;\n min-height: 25px;\n box-sizing: border-box;\n}\n.qbs-textfield input.qbs-h-\\[34px\\],\ninput.qbs-peer.qbs-h-\\[34px\\] {\n height: 34px;\n min-height: 34px;\n box-sizing: border-box;\n}\n\n.custom-spinner {\n width: 24px !important; /* w-6 */\n height: 24px; /* h-6 */\n color: transparent; /* text-table-hover */\n fill: var(--blue-navy); /* fill-blue-navy */\n animation: spin 1s linear infinite; /* animate-spin */\n width: 15px;\n position: relative;\n top: 1px;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.textfield,\n.textfield-big {\n outline: none;\n color: var(--grey-dark);\n border-color: var(--grey-light);\n background-color: white;\n}\n\n.textfield:focus,\n.textfield-big:focus {\n border-color: var(--blue-navy);\n}\n\n.textfield:disabled,\n.textfield-big:disabled {\n color: var(--input-disabled);\n}\n\n.textfield-error,\n.textfield-big-error {\n outline: none;\n color: var(--error-light) !important;\n border-color: var(--error-light) !important;\n background-color: var(--error-extra-light) !important ;\n}\n\n.textfield-error::placeholder,\n.textfield-big-error::placeholder {\n color: var(--error-light);\n}\n\n.textfield-success {\n outline: none;\n color: var(--success);\n border-color: var(--success);\n background-color: var(--success-light);\n}\n\n.textfield-success:focus {\n ring-width: 0;\n}\n\n.textfield-success::placeholder {\n color: var(--success);\n}\n\n.textfield-editable {\n outline: none;\n color: var(--grey-dark);\n border-color: var(--blue-navy);\n background-color: var(--blue-light);\n}\n\n.textfield-editable::placeholder {\n color: var(--grey-dark);\n}\n\n.qbs-autocomplete-suggestions {\n position: absolute;\n height: auto;\n width: 100%;\n padding: 8px; /* Corresponding to p-1.5 in Tailwind */\n z-index: 99;\n margin-top: 4px;\n margin-bottom: 0;\n border-radius: 8px;\n background: #fff;\n box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);\n transform: translateY(0); /* Default position */\n transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;\n opacity: 1;\n\n /* Ensure content doesn't overflow during transition */\n}\n.qbs-autocomplete-suggestions-expandable{\n padding: 8px 0px;\n}\n.qbs-autocomplete-suggestions-expandable .qbs-autocomplete-suggestions-expandable-container {\n padding: 0px 8px;\n}\n.qbs-autocomplete-suggestions.bottom {\n top: 100%; /* Position below the input */\n /* Other styling */\n}\n\n.qbs-autocomplete-suggestions.top {\n bottom: 100%; /* Position above the input */\n /* Other styling */\n}\n.qbs-autocomplete-suggestions-item {\n cursor: pointer;\n padding: 6px 8px;\n border-radius: 6px;\n color: #222;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n /* width: 100%; */\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n.qbs-autocomplete-suggestions-item:hover {\n background: #f8f8f8;\n border-radius: 6px;\n}\n\n/* When value.id is equal to suggestion.id */\n.is-selected {\n border-radius: 6px;\n background: var(--neutrals-grey-20, #f4f4f4);\n}\n\n/* When value.id is NOT equal to suggestion.id */\n.qbs-autocomplete-suggestions-item .is-not-selected:hover {\n background-color: #f1f5f9; /* Replace with actual color code for 'hover:bg-table-hover' */\n}\n\n.qbs-autocomplete-notfound {\n cursor: default;\n padding: 6px 8px;\n border-radius: 6px;\n font-size: 12px;\n font-weight: 500;\n}\n.qbs-autocomplete-witherror-close-icon {\n position: absolute;\n top: calc(50% - 8px);\n right: 22px; /* right-1 */\n padding-left: 0.25rem; /* px-1 */\n padding-right: 0.25rem; /* px-1 */\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.qbs-autocomplete-close-icon {\n position: absolute;\n top: calc(50% - 8px);\n right: 2px; /* right-1 */\n padding-left: 0.25rem; /* px-1 */\n padding-right: 0.25rem; /* px-1 */\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.qbs-textfield-default {\n width: 100%;\n position: relative;\n padding-right: 8px;\n min-height: 36px;\n height: 36px;\n border-radius: 6px;\n padding-left: 8px;\n border: 1px solid #d6d8dc;\n background: #fff;\n box-sizing: border-box;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: #313131;\n}\n\n.qbs-expandable-container {\n border: 1px solid #d6d8dc;\n background: #fff;\n box-sizing: border-box;\n padding: 5px;\n display: flex;\n flex-wrap: wrap;\n flex: 1 1 0%;\n gap: 5px;\n}\n\n.qbs-dropdown-selected-container {\n border: 0px;\n border-top: 1px solid #d6d8dc;\n min-height: 35px;\n margin-top: 2px;\n padding-top: 10px;\n}\n.qbs-dropdown-selected-preview {\n .qbs-dropdown-selected-container {\n border-top: 0px;\n }\n}\n\n.qbs-dropdown-selected-container .qbs-clear-link,\n.qbs-expandable-container .qbs-clear-link {\n color: #e76458;\n}\n\n.qbs-expandable-container .qbs-clear-with-auto-dropdown {\n right: 2rem;\n bottom: 10px;\n}\n\n.qbs-dropdown-selected-container .qbs-done-link,\n.qbs-expandable-container .qbs-done-link {\n color: #336cfc;\n margin-left: 10px;\n}\n\n.qbs-textfield-default.expandable {\n height: auto;\n border: none;\n}\n\n.qbs-expandable-container .qbs-textfield-expandable {\n flex: 1 1 auto;\n display: inline-grid;\n grid-template-columns: 0px min-content;\n grid-area: 1 / 1 / 2 / 3;\n overflow: hidden;\n}\n.qbs-expandable-container .qbs-textfield-expandable::after {\n content: attr(data-value) ' ';\n visibility: hidden;\n white-space: pre;\n grid-area: 1 / 2;\n font: inherit;\n min-width: 2px;\n border: 0px;\n margin: 0px;\n outline: 0px;\n padding: 0px;\n}\n.qbs-expandable-container .qbs-textfield-expandable input {\n opacity: 1;\n width: auto;\n grid-area: 1 / 2;\n min-width: 10px;\n border: 0px;\n margin: 0px;\n outline: 0px;\n padding: 0px;\n height: auto;\n min-height: auto;\n border-radius: 0;\n}\n\n.qbs-textfield-default::placeholder {\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n}\n\n.qbs-autocomplete-close-icon button:focus-within {\n outline: none;\n}\n\n.fullWidth {\n width: 100%;\n}\n\n.autoWidth {\n width: auto;\n}\n.icon-button {\n background: transparent;\n border: none;\n display: inline-flex;\n cursor: pointer;\n padding: 0px 1px;\n}\n.icon-button-rotate {\n rotate: 180deg;\n}\n.labels {\n font-size: 12px;\n}\n.dropdown-search-input {\n min-width: -webkit-fill-available;\n border-radius: 6px;\n border: 1px solid var(--border-card-color-default, #d6d8dc);\n background: var(--surface-input-bg-color-default, #fff);\n color: #313131;\n font-size: 14px;\n height: 36px;\n padding: 0px 8px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n padding-left: 32px;\n width: 100%;\n}\n.qbs-autocomplete-suggestions-sub {\n position: relative;\n overflow: auto;\n max-height: 184px;\n top: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.padding-class {\n padding: 12px !important;\n}\n.qbs-autocomplete-listitem-container:hover {\n color: #003c71;\n background-color: rgba(141, 194, 240, 0.15) !important;\n}\n.qbs-autocomplete-listitem-container {\n display: flex !important;\n align-items: center !important;\n gap: 0px;\n}\nul {\n list-style-type: none;\n}\n\n.react-core-ts-search-container {\n display: flex;\n align-items: center;\n gap: var(--spacing-4, 4px);\n align-self: stretch;\n margin-bottom: 4px;\n}\n.selected-item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 3px 6px;\n margin: 0;\n background-color: #e0e0e0;\n color: #333;\n border-radius: 6px;\n border: 1px solid rgba(231, 100, 88, 0.1);\n background: rgba(231, 100, 88, 0.1);\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n color: #e76458;\n gap: 6px;\n height: 22px;\n}\n\n.remove-item-btn {\n background-color: transparent;\n border: none;\n color: #e76458;\n cursor: pointer;\n}\n\n.remove-item-btn:hover {\n color: #e76458;\n}\n\n.qbs-inline-all-dropdown-btn {\n display: flex;\n gap: 12px;\n align-items: center;\n position: absolute;\n right: 25px;\n z-index: 99;\n top: 50%;\n transform: translateY(-50%);\n flex-wrap: wrap;\n}\n\n.qbs-inline-all-direct-dropdown-btn {\n right: 0px;\n}\n\n.selected-items-container {\n display: flex;\n gap: 12px;\n align-items: center;\n position: absolute;\n left: 8px;\n z-index: 99;\n top: 6.5px;\n flex-wrap: wrap;\n}\n\n.selected-items-counter-container {\n display: flex;\n gap: 12px;\n align-items: center;\n position: absolute;\n right: 8px;\n z-index: 99;\n top: 50%;\n transform: translateY(-50%);\n flex-wrap: wrap;\n}\n\n.qbs-expandable-container .selected-items-container {\n position: relative;\n top: 0;\n left: 0;\n}\n\n.selected-items-container .badge, \n.selected-items-counter-container .badge {\n background-color: #c63a3a;\n color: #fff;\n}\n\n.selected-item-inline-counter {\n right: 30px;\n}\n\n.selected-item-inline-counter-disabled {\n right: 8px;\n}\n\n.selected-item-tool-direct-counter {\n right: 60px;\n}\n\n.selected-item-nontool-direct-counter {\n right: 35px;\n}\n\n.selected-item-more {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 3px 8px;\n margin: 0;\n border-radius: 6px;\n background: #c63a3a;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n color: #fff;\n height: 22px;\n}\n\n.loadMoreSection {\n margin: 0;\n cursor: pointer;\n display: flex;\n justify-content: flex-start;\n padding: 8px;\n}\n.loadMoreSection p {\n color: #336cfc;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n margin: 0;\n}\n::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);\n border-radius: 0px;\n background-color: transparent;\n}\n\n::-webkit-scrollbar {\n width: 6px;\n height: 4px;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 100px;\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);\n background-color: #ddd;\n}\n\n.qbs-autocomplete-suggestions-item.is-selected {\n color: #e76458;\n background: #f8f8f8;\n}\n\nspan.dropdown-search-icon {\n position: absolute;\n left: 8px;\n top: 10px;\n}\n\n.dropdown-search-input:focus {\n outline: none;\n border: 1px solid #222;\n}\n\n.qbs-autocomplete-checkbox-container {\n gap: 8px;\n padding: 6px 8px;\n display: flex;\n align-items: flex-start;\n outline: none;\n box-shadow: none;\n}\n\n.qbs-autocomplete-checkbox-container .qbs-autocomplete-suggestions-item {\n padding: 0;\n /* pointer-events: none; */\n}\n\n.qbs-autocomplete-checkbox-container:hover {\n background: #f8f8f8;\n border-radius: 6px;\n}\n\n.qbs-autocomplete-checkbox-container.is-selected {\n background: #f8f8f8;\n border-radius: 6px;\n}\n\n.qbs-autocomplete-checkbox {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.qbs-autocomplete-checkbox input {\n opacity: 0;\n}\n\n.qbs-autocomplete-checkbox input ~ label {\n position: absolute;\n border-radius: 3px;\n border: 1px solid #999696;\n width: 16px;\n height: 16px;\n top: 1px;\n transition: all 0.2s ease;\n cursor: pointer;\n}\n\n.qbs-autocomplete-checkbox input ~ label svg {\n opacity: 0;\n transition: all 0.2s ease;\n position: absolute;\n left: 3px;\n top: 3px;\n width: 9px;\n height: 9px;\n}\n\n.qbs-autocomplete-checkbox input:checked ~ label {\n transition: all 0.2s ease;\n border-radius: 3px;\n background: #e76458;\n border-color: #e76458;\n}\n.qbs-autocomplete-checkbox input:checked ~ label svg {\n opacity: 1;\n transition: all 0.2s ease;\n}\n\n.action_label {\n font-size: 14px;\n color: #4c7ad6;\n}\n/* Tooltip.css */\n/* .tooltip-wrapper {\n position: relative;\n display: inline-block;\n}\n\n.tooltip-content {\n visibility: hidden;\n width: max-content;\n background-color: black;\n color: white;\n text-align: center;\n max-width: 150px;\n padding: 5px 10px;\n border-radius: 6px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: 50%;\n transform: translateX(-50%);\n transition: visibility 0.2s ease-in-out;\n}\n\n.tooltip-content::after {\n content: '';\n position: absolute;\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: black transparent transparent transparent;\n}\n\n.tooltip-wrapper:hover .tooltip-content {\n visibility: visible;\n} */\n.qbs-table-tooltip {\n position: relative;\n display: contents;\n cursor: pointer;\n}\n\n.qbs-table-tooltip .tooltiptext,\n.tooltiptext {\n visibility: hidden;\n background-color: #000;\n color: #fff;\n text-align: center;\n padding: 6px;\n border-radius: 4px;\n position: absolute;\n z-index: 9999;\n opacity: 0;\n transition: opacity 0.3s;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n max-width: 300px;\n}\n.tooltip-text-container {\n display: block;\n max-height: 200px;\n overflow: auto;\n}\n\n.qbs-table-tooltip.up .tooltiptext {\n bottom: 125%;\n left: 0%;\n}\n\n.qbs-table-tooltip.down .tooltiptext {\n top: 125%;\n right: 0px;\n left: auto;\n}\n\n.qbs-table-tooltip:hover .tooltiptext {\n visibility: visible;\n opacity: 1;\n}\n\n.qbs-table-tooltip .tooltiptext::after,\n.tooltiptext::after {\n content: '';\n position: absolute;\n border-width: 5px;\n border-style: solid;\n}\n\n.qbs-table-tooltip.up .tooltiptext::after,\n.up.tooltiptext::after {\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-color: #000 transparent transparent transparent;\n}\n\n.qbs-table-tooltip.down .tooltiptext::after,\n.down.tooltiptext::after {\n bottom: 100%;\n left: 50%;\n margin-left: -5px;\n border-color: transparent transparent #000 transparent;\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items {\n display: flex;\n /* justify-content: space-between; */\n align-items: flex-start;\n cursor: pointer;\n outline: none;\n box-shadow: none;\n word-break: break-all;\n word-wrap: break-word;\n width: auto;\n gap: 6px;\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items .suggestion-text {\n flex: 1 1 auto;\n min-width: 0;\n white-space: normal;\n overflow-wrap: anywhere;\n word-break: break-word;\n}\n\n.qbs-autocomplete-suggections-items.is-selected {\n background-color: #f1f5f9;\n /* width: max-content; */\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items .short-code,\n.qbs-autocomplete-listitem-container .short-code {\n font-size: 12px;\n background: #f0f0f0;\n padding: 4px 8px;\n border: 1px solid #ccc;\n border-radius: 4px;\n white-space: nowrap;\n margin-left: auto;\n flex: 0 0 auto;\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items .label-code,\n.qbs-autocomplete-listitem-container .label-code {\n font-size: 12px;\n background: #f0f0f0;\n padding: 4px 8px;\n border: 1px solid #ccc;\n border-radius: 4px;\n white-space: normal;\n overflow-wrap: anywhere;\n word-break: break-word;\n max-width: 140px;\n margin: 0px 5px;\n flex: 0 1 auto;\n}\n\n/* Split-detail dropdown theme (bank-style row: title + subtitle | badge) */\n.autocomplete-suggections--split-detail .qbs-split-detail-row {\n display: flex;\n align-items: center;\n gap: 12px;\n width: 100%;\n padding: 10px 12px;\n box-sizing: border-box;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-main {\n flex: 1;\n min-width: 0;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-title {\n font-size: 14px;\n font-weight: 600;\n color: #101828;\n line-height: 1.35;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-subtitle {\n margin-top: 4px;\n font-size: 12px;\n font-weight: 400;\n color: #667085;\n line-height: 1.45;\n white-space: normal;\n word-break: break-word;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-badge-wrap {\n flex-shrink: 0;\n align-self: center;\n max-width: 45%;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-badge {\n display: inline-block;\n padding: 6px 10px;\n font-size: 12px;\n font-weight: 600;\n line-height: 1.3;\n color: #194185;\n background: #d1e9ff;\n border: 1px solid #b2ddff;\n border-radius: 6px;\n white-space: normal;\n word-break: break-word;\n}\n\n.autocomplete-suggections--split-detail\n .qbs-autocomplete-suggections-items.bg-blue-navy\n .qbs-split-detail-title,\n.autocomplete-suggections--split-detail\n .qbs-autocomplete-suggections-items.bg-blue-navy\n .qbs-split-detail-subtitle {\n color: #fff;\n}\n\n.autocomplete-suggections--split-detail\n .qbs-autocomplete-suggections-items.bg-blue-navy\n .qbs-split-detail-badge {\n color: #194185;\n background: #eff8ff;\n border-color: #b2ddff;\n}\n\n/* TextField Inner Search Button */\n.inner-search-button {\n position: absolute;\n background: #f8f8f8;\n border: none;\n border-radius: 0 3px 3px 0;\n padding: 0 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n height: calc(100% - 2px);\n width: 38px;\n top: 1px;\n right: 1px;\n z-index: 2;\n box-sizing: border-box;\n}\n.search-btn-input {\n padding-right: 38px;\n}\n\n/*\n * Keep end icons inside the input border.\n * (Sibling flex + qbs-w-full previously pushed icons outside the bordered input.)\n */\n.qbs-autocomplete-adorement-wrapper,\n.qbs-input-adorement-wrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n z-index: 2;\n pointer-events: none;\n}\n.qbs-autocomplete-adorement-wrapper > *,\n.qbs-input-adorement-wrapper > * {\n pointer-events: auto;\n}\n\n.qbs-autocomplete-adorement-wrapper .adorement,\n.qbs-autocomplete-adorement-wrapper .qbs-autocomplete-adorement,\n.qbs-input-adorement-wrapper .adorement {\n position: relative !important;\n right: auto !important;\n top: auto !important;\n height: 100%;\n padding-right: 4px;\n box-sizing: border-box;\n}\n\n/* Avoid Tailwind `container` utility collision (prefix makes it `.qbs-container`) */\n.qbs-selected-comp-normal {\n position: relative;\n display: block;\n width: 100%;\n max-width: none;\n}\n\n.qbs-autocomplete-selected-comp {\n position: relative;\n display: block;\n width: 100%;\n}\n\n.qbs-autocomplete-selected-comp > .qbs-textfield-expandable.qbs-normal,\n.qbs-autocomplete-selected-comp > .qbs-textfield-expandable.qbs-normal .qbs-textfield-default {\n display: block;\n width: 100%;\n}\n\n/* Tools icon should sit inside the field, vertically centered */\n.qbs-tools-drop-btn {\n position: absolute !important;\n right: 8px !important;\n top: 50% !important;\n transform: translateY(-50%);\n z-index: 2;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: none;\n padding: 0;\n cursor: pointer;\n}\n\n.qbs-tree-list-container {\n display: flex;\n flex-direction: column;\n}\n.qbs-tree-list-container-sub {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n gap: 7px;\n}\n\n.qbs-tree-list-container-sub .no-children {\n margin-left: 1.75rem; /* Corresponds to ml-7 in Tailwind */\n}\n.qbs-tree-list-container-sub-icon {\n margin-top: 0.25rem; /* Corresponds to mt-1 in Tailwind */\n cursor: pointer;\n padding-top: 0.5rem; /* Corresponds to py-2 in Tailwind */\n padding-bottom: 0.5rem;\n transition: transform 0.3s ease; /* Smooth rotation transition */\n color: #003c71;\n}\n\n.qbs-tree-list-container-sub-icon.expanded {\n transform: rotate(90deg); /* Corresponds to rotate-90 in Tailwind */\n}\n.qbs-tree-list-container-sub-container {\n display: flex;\n gap: 15px; /* Corresponds to gap-2 in Tailwind */\n padding: 0.5rem; /* Corresponds to p-2 in Tailwind */\n flex-direction: row; /* Corresponds to flex-row in Tailwind */\n width: 100%; /* Corresponds to w-full in Tailwind */\n color: #3d414a;\n}\n.qbs-tree-list-container-sub-container-hideicon {\n display: flex;\n gap: 6px; /* Corresponds to gap-2 in Tailwind */\n padding: 0.5rem; /* Corresponds to p-2 in Tailwind */\n flex-direction: row; /* Corresponds to flex-row in Tailwind */\n width: 100%; /* Corresponds to w-full in Tailwind */\n color: #3d414a;\n}\n.qbs-tree-list-container-sub-container-hideicon:hover {\n color: #003c71;\n background-color: rgba(141, 194, 240, 0.15) !important;\n}\n.qbs-tree-list-container-sub-container:hover {\n color: #003c71;\n background-color: rgba(141, 194, 240, 0.15) !important;\n}\n.qbs-tree-list-container-sub-container.qbs-expanded-child {\n color: #003c71;\n}\n.qbs-tree-list-container-sub-text.qbs-expanded-child {\n color: #003c71;\n}\n.qbs-tree-list-container-sub-text:hover {\n color: #003c71;\n /* background-color: rgba(141, 194, 240, 0.15) !important; */\n}\n\n.qbs-tree-list-container-sub-container.checked,\n.qbs-tree-list-container-sub-container-hideicon.checked {\n color: #003c71;\n background-color: rgba(\n 141,\n 194,\n 240,\n 0.15\n ) !important; /* Corresponds to bg-green-200 in Tailwind */\n}\n\n.marginLeft {\n margin-left: 28px; /* Corresponds to ml-2 in Tailwind */\n}\n.lightmarginLeft {\n margin-left: 19px; /* Corresponds to ml-2 in Tailwind */\n}\n.qbs-tree-list-container-sub- {\n line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */\n font-size: 0.875rem; /* Corresponds to text-sm in Tailwind (14px) */\n}\n.qbs-tree-list-container-child {\n margin-left: 1rem; /* Corresponds to ml-4 in Tailwind */\n margin-top: 0.5rem; /* Corresponds to mt-2 in Tailwind */\n display: flex; /* Corresponds to flex in Tailwind */\n flex-direction: column; /* Corresponds to flex-col in Tailwind */\n gap: 0.5rem; /* Corresponds to gap-2 in Tailwind */\n}\n.qbs-tree-list-container-sub-text {\n line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */\n font-size: 14px; /* Corresponds to text-sm in Tailwind (14px) */\n font-weight: 500;\n letter-spacing: 0.28px;\n font-family: 'Noto Sans';\n /* color: #3d414a; */\n}\n\n\n.qbs-flex {\n display: flex;\n}\n.qbs-flex-wrap {\n flex-wrap: wrap;\n}\n.qbs-w-full {\n width: 100%;\n}\n.qbs-mb-2 {\n margin-bottom: 0.5rem;\n}\n.-qbs-mt-2 {\n margin-top: -0.5rem;\n}\n.qbs-flex-1 {\n flex: 1 1 0%;\n}\n.qbs-inline-block {\n display: inline-block;\n}\n.qbs-text-sm {\n font-size: 0.875rem;\n}\n.qbs-cursor-pointer {\n cursor: pointer;\n}\n.qbs-text-center {\n text-align: center;\n}\n.qbs-p-1 {\n padding: 0.25rem;\n}\n.qbs-border-b-2 {\n border-bottom-width: 2px;\n}\n.qbs-tab-item {\n color: #4b5563;\n border-color: #d1d5db;\n /* Prevent mid-word breaking from any inherited/global rules */\n word-break: normal;\n overflow-wrap: normal;\n hyphens: manual;\n /* Prevent breaking at spaces too (single-line label) */\n white-space: nowrap;\n /* In non-scroll layout, keep text tidy if it's forced into a narrow cell */\n overflow: hidden;\n text-overflow: ellipsis;\n /* Minimum left/right padding inside each tab */\n padding-left: 8px;\n padding-right: 8px;\n}\n.qbs-tab-item:hover {\n color: #2563eb;\n}\n.qbs-tab-active-item {\n color: #2563eb;\n border-color: #2563eb;\n}\n\n/* When tabs overflow, keep them in a single row and allow horizontal scroll */\n.qbs-tab.qbs-tab-scroll {\n flex-wrap: nowrap !important; /* override .qbs-flex-wrap */\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n}\n\n.qbs-tab.qbs-tab-scroll .qbs-tab-items {\n flex: 0 0 auto !important; /* override .qbs-flex-1 */\n}\n\n.qbs-tab.qbs-tab-scroll .qbs-tab-item {\n width: max-content !important; /* override .qbs-w-full */\n white-space: nowrap;\n word-break: normal;\n overflow-wrap: normal;\n hyphens: manual;\n overflow: visible;\n text-overflow: clip;\n}\n\n/* If the tab label has nested spans (icons + text), ensure they inherit the non-breaking behavior */\n.qbs-tab-item * {\n word-break: inherit;\n overflow-wrap: inherit;\n hyphens: inherit;\n white-space: inherit;\n}\n.qbs-relative {\n position: relative;\n}\n.qbs-gap-1 {\n gap: 0.25rem;\n}\n.qbs-rounded-full {\n border-radius: 9999px;\n}\n.qbs-text-xs {\n font-size: 0.75rem;\n}\n.qbs-inline-flex {\n display: inline-flex;\n}\n.qbs-items-center {\n align-items: center;\n}\n.qbs-justify-center {\n justify-content: center;\n}\n.qbs-px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.qbs-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.qbs-leading-none {\n line-height: 1;\n}\n.qbs-min-w-6 {\n min-width: 1.5rem;\n}\n.qbs-min-h-6 {\n min-height: 1.5rem;\n}\n.qbs-align-middle {\n vertical-align: middle;\n}\n.qbs-min-emp-h {\n min-height: 183px;\n padding-top: 80px;\n padding-bottom: 80px;\n}\n.qbs-flex-grow {\n flex-grow: 1;\n}\n.qbs-text-right {\n text-align: right;\n}\n.qbs-readmore-collapse {\n cursor: pointer;\n width: 100%;\n text-align: center;\n display: flex;\n justify-content: center;\n margin-top: 5px;\n}\n.qbs-readmore-collapse div {\n border-radius: 9999px;\n min-width: 1.5rem;\n min-height: 1.5rem;\n padding: 5px;\n}\n.qbs-more-collapse:hover {\n background-color: #d1d5db;\n}\n.qbs-hidden {\n display: none;\n}\n.qbs-autocomplete-selected-suggestions {\n padding: 8px 0px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-suggestions-sub {\n min-height: 184px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-selected-suggestions-outer {\n padding: 0px 8px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-listitem-container{\n padding-top: 0px;\n padding-left: 4px;\n padding-right: 4px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-selected-suggestions-outer span.dropdown-search-icon {\n left: 16px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-selected-suggestions-outer .qbs-all-dropdown-btn {\n right: 16px;\n}\n.selected-items-outer-container {\n display: flex;\n gap: 5px;\n flex-wrap: wrap;\n overflow-x: auto;\n transition: height 3s ease-in-out, opacity 3s ease-in-out,\n padding 1s ease-in-out;\n}\n.qbs-bottom-0{\n bottom: 0;\n}\n.qbs-select-all-link{\n border-bottom: 1px solid var(--border-card-color-default, #d6d8dc);\n padding: 0px 8px;\n}\n.qbs-select-all-link .qbs-autocomplete-suggestions-item {\n margin-top: 5px;\n}\n\n.qbs-select-all-link .qbs-autocomplete-checkbox-container:hover,\n.qbs-select-all-link .qbs-autocomplete-checkbox-container.is-selected,\n.qbs-select-all-link .qbs-autocomplete-suggestions-item:hover\n {\n background: #fff;\n border-radius: 0px;\n}\n.qbs-select-all-link .qbs-autocomplete-listitem-container:hover {\n background-color:#fff !important;\n}\n\n.has-selected-items {\n color: #FF681D !important;\n}\n\n.tools-drop-btn-active {\n color: #FF681D !important;\n}\n.qbs-tab-has-selected-items .qbs-tab-item{\n color: #FF681D !important;\n}\n\n.tooltip-container {\n position: relative;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n}\n\n.bottom {\n .tooltip {\n position: absolute;\n bottom: -40;\n right: 3px;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n max-width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: all 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n\n &.info {\n color: #ffffff !important;\n border: 1px solid #ffffff;\n background-color: #000000;\n right: 1px;\n top: 5px;\n }\n\n &.card {\n color: #ffffff !important;\n border: 1px solid #ffffff;\n background-color: #000000;\n right: -8px;\n top: 5px;\n }\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n top: -4px;\n border: 1px solid #e55353;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .info.tooltip::before {\n border: 1px solid #000000;\n background-color: #000000;\n right: 14px;\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n top: -4px;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n }\n\n .card.tooltip::before {\n border: 1px solid #000000;\n background-color: #000000;\n right: 14px;\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n top: -3px;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n }\n\n .tooltip-container:hover .tooltip {\n top: 46px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n\n &.info {\n top: 30px;\n max-width: 500px;\n position: absolute;\n }\n\n &.card {\n top: 20px;\n max-width: 300px;\n position: absolute;\n }\n }\n .tooltip-info {\n position: absolute;\n bottom: -40;\n right: 3px;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n max-width: 100%;\n z-index: 999;\n top: 46px;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: all 0.3s;\n border: 1px solid #475467;\n background-color: #475467;\n border-radius: 6px;\n }\n .tooltip-info::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n top: -4px;\n border: 1px solid #475467;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #475467;\n }\n\n .tooltip-container:hover .tooltip-info {\n top: 46px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n.top-tool {\n .tooltip {\n position: absolute;\n bottom: 45px !important;\n left: 0;\n top: auto !important;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n white-space: normal;\n z-index: 999;\n font-size: 12px;\n max-width: 100%;\n color: #ff681d !important;\n pointer-events: none;\n transition: all 0.3s;\n border: 1px solid #ff681d;\n background-color: #fff;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n bottom: -4px;\n border: 1px solid #ff681d;\n border-left: none;\n border-top: none;\n transform: translate(50%) rotate(45deg);\n background-color: #fff;\n }\n\n .tooltip-container:hover .tooltip {\n bottom: 45px !important;\n opacity: 1;\n top: auto !important;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n.bottom-tool {\n .tooltip {\n position: absolute;\n bottom: -40;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n max-width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #ff681d !important;\n white-space: wrap;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #ff681d;\n background-color: #fff;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n top: -4px;\n border: 1px solid #ff681d;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #fff;\n }\n\n .tooltip-container:hover .tooltip {\n top: 46px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n\n.right {\n .tooltip {\n position: absolute;\n top: 2.5px;\n left: calc(100% + 9px);\n transform: translateX(0%);\n padding: 8px;\n opacity: 0;\n min-width: 200px;\n max-width: 200px;\n min-height: calc(100% - 16px);\n height: auto;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip-card {\n padding: 3px 10px 4px;\n top: -4px;\n min-width: 175px;\n background-color: #3d414a;\n border: 1px solid #3d414a;\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n left: -8px;\n top: 14px;\n z-index: 999;\n transform: translateY(10px);\n border: 1px solid #e55353;\n border-top: none;\n border-right: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .tooltip-card::before {\n top: 8px;\n background-color: #3d414a;\n border: 1px solid #3d414a;\n }\n\n .tooltip-container:hover {\n .tooltip {\n top: 2.5px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n\n .tooltip-card {\n top: -4px;\n }\n }\n}\n\n.left {\n .tooltip {\n position: absolute;\n top: 2.5px;\n right: calc(100% + 9px);\n transform: translateX(0%);\n padding: 8px;\n opacity: 0;\n min-width: 200px;\n max-width: 200px;\n min-height: calc(100% - 16px);\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 0px;\n top: 14px;\n z-index: 999;\n transform: translateY(10px);\n border: 1px solid #e55353;\n border-bottom: none;\n border-left: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .tooltip-container:hover .tooltip {\n top: 2.5px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n\n.top {\n .tooltip-info {\n position: absolute;\n top: -40;\n left: 0;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #475467;\n background-color: #475467;\n border-radius: 6px;\n }\n\n .tooltip-info::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n bottom: -4px;\n border: 1px solid #475467;\n border-left: none;\n border-top: none;\n transform: translate(50%) rotate(45deg);\n background-color: #475467;\n }\n\n .tooltip-container:hover .tooltip-info {\n top: -40px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n .tooltip {\n position: absolute;\n top: -40;\n left: 0;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n bottom: -4px;\n border: 1px solid #e55353;\n border-left: none;\n border-top: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .tooltip-container:hover .tooltip {\n top: -40px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n\n.custom-tooltip-container {\n position: relative;\n display: inline-block;\n}\n\n.custom-text {\n font-size: 18px;\n cursor: pointer;\n}\n\n.custom-tooltip {\n position: absolute;\n top: 100%;\n left: 20%;\n opacity: 0;\n visibility: hidden;\n font-size: 12px;\n background: #deefff;\n border-color: #bee0ff;\n padding: 5px;\n align-items: center;\n transition: opacity 0.3s, visibility 0.3s, top 0.3s, background 0.3s;\n z-index: 1;\n}\n\n.custom-tooltip::before {\n content: \"\";\n position: absolute;\n bottom: 100%;\n left: 20%;\n /* Center the arrow */\n border-width: 9px;\n /* Slightly larger to act as border */\n border-style: solid;\n border-color: transparent transparent #bee0ff transparent;\n /* Border color */\n transform: translateX(-20%);\n z-index: -1;\n /* Ensure it's behind the ::after pseudo-element */\n}\n\n.custom-tooltip::after {\n content: \"\";\n position: absolute;\n bottom: 100%;\n left: 20%;\n border-width: 8px;\n border-style: solid;\n border-color: transparent transparent #deefff transparent;\n transform: translateX(-20%);\n z-index: 1;\n}\n\n.custom-tooltip-container:hover .custom-tooltip {\n top: 100%;\n opacity: 1;\n visibility: visible;\n background: #deefff;\n transform: translate(-20%, 10px);\n}\n\n/* Portal tooltip version used outside .tooltip-container */\n.tooltip-info-portal {\n /* position/transform set inline in React (portal) */\n padding: 0.3em 0.6em;\n opacity: 1;\n width: max-content;\n max-width: 100%;\n font-size: 12px;\n color: #fff !important;\n pointer-events: auto;\n transition: opacity 0.2s, visibility 0.2s;\n border: 1px solid #475467;\n background-color: #475467;\n border-radius: 6px;\n}\n\n.tooltip-info-portal::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n top: -4px;\n border: 1px solid #475467;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #475467;\n}\n\n.tooltip-portal-error {\n /* position/transform set inline in React (portal); avoid CSS overriding anchor */\n padding: 0.3em 0.6em;\n opacity: 1;\n width: max-content;\n max-width: 320px;\n font-size: 12px;\n color: #fff !important;\n pointer-events: auto;\n transition: opacity 0.2s, visibility 0.2s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n}\n\n.tooltip-portal-error::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 8px;\n top: -4px;\n border: 1px solid #e55353;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n}\n\n";
package/dist/generated/stylesContent.js CHANGED
@@ -2,5 +2,5 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.STYLES = void 0;
4
4
  /** Auto-generated by scripts/build-styles.js — do not edit */
5
- exports.STYLES = ".qbs-container {\n width: 100%\n}\n@media (min-width: 640px) {\n .qbs-container {\n max-width: 640px\n }\n}\n@media (min-width: 768px) {\n .qbs-container {\n max-width: 768px\n }\n}\n@media (min-width: 1024px) {\n .qbs-container {\n max-width: 1024px\n }\n}\n@media (min-width: 1280px) {\n .qbs-container {\n max-width: 1280px\n }\n}\n@media (min-width: 1536px) {\n .qbs-container {\n max-width: 1536px\n }\n}\n.qbs-visible {\n visibility: visible\n}\n.qbs-invisible {\n visibility: hidden\n}\n.qbs-absolute {\n position: absolute\n}\n.qbs-relative {\n position: relative\n}\n.qbs-sticky {\n position: sticky\n}\n.qbs-bottom-0 {\n bottom: 0px\n}\n.qbs-left-0 {\n left: 0px\n}\n.qbs-right-0 {\n right: 0px\n}\n.qbs-right-2 {\n right: 0.5rem\n}\n.qbs-right-\\[1px\\] {\n right: 1px\n}\n.qbs-start-\\[14px\\] {\n inset-inline-start: 14px\n}\n.qbs-top-0 {\n top: 0px\n}\n.qbs-top-1 {\n top: 0.25rem\n}\n.qbs-top-1\\.5 {\n top: 0.375rem\n}\n.qbs-top-2 {\n top: 0.5rem\n}\n.qbs-top-6 {\n top: 1.5rem\n}\n.qbs-z-10 {\n z-index: 10\n}\n.qbs-z-50 {\n z-index: 50\n}\n.qbs-m-0 {\n margin: 0px\n}\n.-qbs-mt-2 {\n margin-top: -0.5rem\n}\n.qbs-mb-2 {\n margin-bottom: 0.5rem\n}\n.qbs-mb-3 {\n margin-bottom: 0.75rem\n}\n.qbs-me-2 {\n margin-inline-end: 0.5rem\n}\n.qbs-ml-2 {\n margin-left: 0.5rem\n}\n.qbs-mr-0 {\n margin-right: 0px\n}\n.qbs-mr-1 {\n margin-right: 0.25rem\n}\n.qbs-mr-2 {\n margin-right: 0.5rem\n}\n.qbs-mr-\\[1px\\] {\n margin-right: 1px\n}\n.qbs-mt-9 {\n margin-top: 2.25rem\n}\n.qbs-mt-\\[1px\\] {\n margin-top: 1px\n}\n.qbs-block {\n display: block\n}\n.qbs-inline-block {\n display: inline-block\n}\n.qbs-flex {\n display: flex\n}\n.qbs-inline-flex {\n display: inline-flex\n}\n.qbs-hidden {\n display: none\n}\n.qbs-h-10 {\n height: 2.5rem\n}\n.qbs-h-4 {\n height: 1rem\n}\n.qbs-h-5 {\n height: 1.25rem\n}\n.qbs-h-6 {\n height: 1.5rem\n}\n.qbs-h-\\[20px\\] {\n height: 20px\n}\n.qbs-h-\\[25px\\] {\n height: 25px\n}\n.qbs-h-\\[34px\\] {\n height: 34px\n}\n.qbs-h-auto {\n height: auto\n}\n.qbs-max-h-40 {\n max-height: 10rem\n}\n.qbs-min-h-6 {\n min-height: 1.5rem\n}\n.qbs-min-h-\\[28px\\] {\n min-height: 28px\n}\n.qbs-w-4 {\n width: 1rem\n}\n.qbs-w-5 {\n width: 1.25rem\n}\n.qbs-w-6 {\n width: 1.5rem\n}\n.qbs-w-\\[54px\\] {\n width: 54px\n}\n.qbs-w-auto {\n width: auto\n}\n.qbs-w-fit {\n width: -moz-fit-content;\n width: fit-content\n}\n.qbs-w-full {\n width: 100%\n}\n.qbs-min-w-0 {\n min-width: 0px\n}\n.qbs-min-w-6 {\n min-width: 1.5rem\n}\n.qbs-min-w-\\[20px\\] {\n min-width: 20px\n}\n.qbs-min-w-\\[28px\\] {\n min-width: 28px\n}\n.qbs-flex-1 {\n flex: 1 1 0%\n}\n.qbs-flex-shrink-0 {\n flex-shrink: 0\n}\n.qbs-flex-grow {\n flex-grow: 1\n}\n.qbs-origin-\\[0\\] {\n transform-origin: 0\n}\n.-qbs-translate-y-1 {\n --tw-translate-y: -0.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-qbs-translate-y-4 {\n --tw-translate-y: -1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-translate-x-1 {\n --tw-translate-x: 0.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n@keyframes qbs-spin {\n to {\n transform: rotate(360deg)\n }\n}\n.qbs-animate-spin {\n animation: qbs-spin 1s linear infinite\n}\n.qbs-cursor-default {\n cursor: default\n}\n.qbs-cursor-not-allowed {\n cursor: not-allowed\n}\n.qbs-cursor-pointer {\n cursor: pointer\n}\n.qbs-cursor-text {\n cursor: text\n}\n.qbs-resize-none {\n resize: none\n}\n.qbs-list-none {\n list-style-type: none\n}\n.qbs-appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none\n}\n.qbs-flex-col {\n flex-direction: column\n}\n.qbs-flex-wrap {\n flex-wrap: wrap\n}\n.qbs-items-center {\n align-items: center\n}\n.qbs-items-stretch {\n align-items: stretch\n}\n.qbs-justify-start {\n justify-content: flex-start\n}\n.qbs-justify-end {\n justify-content: flex-end\n}\n.qbs-justify-center {\n justify-content: center\n}\n.qbs-justify-between {\n justify-content: space-between\n}\n.qbs-gap-0 {\n gap: 0px\n}\n.qbs-gap-1 {\n gap: 0.25rem\n}\n.qbs-gap-2 {\n gap: 0.5rem\n}\n.qbs-gap-x-5 {\n -moz-column-gap: 1.25rem;\n column-gap: 1.25rem\n}\n.qbs-overflow-auto {\n overflow: auto\n}\n.qbs-overflow-x-auto {\n overflow-x: auto\n}\n.qbs-overflow-y-auto {\n overflow-y: auto\n}\n.qbs-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap\n}\n.qbs-whitespace-normal {\n white-space: normal\n}\n.qbs-break-words {\n overflow-wrap: break-word\n}\n.qbs-rounded-\\[4px\\] {\n border-radius: 4px\n}\n.qbs-rounded-full {\n border-radius: 9999px\n}\n.qbs-rounded-sm {\n border-radius: 0.125rem\n}\n.qbs-border {\n border-width: 1px\n}\n.qbs-border-b {\n border-bottom-width: 1px\n}\n.qbs-border-b-2 {\n border-bottom-width: 2px\n}\n.qbs-border-r {\n border-right-width: 1px\n}\n.qbs-border-none {\n border-style: none\n}\n.qbs-border-\\[\\#D0D5DD\\] {\n --tw-border-opacity: 1;\n border-color: rgb(208 213 221 / var(--tw-border-opacity))\n}\n.qbs-border-\\[\\#FDA29B\\] {\n --tw-border-opacity: 1;\n border-color: rgb(253 162 155 / var(--tw-border-opacity))\n}\n.qbs-bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity))\n}\n.qbs-bg-orange-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 115 22 / var(--tw-bg-opacity))\n}\n.qbs-bg-transparent {\n background-color: transparent\n}\n.qbs-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.qbs-fill-blue-navy {\n fill: #001f3f\n}\n.qbs-p-0 {\n padding: 0px\n}\n.qbs-p-0\\.5 {\n padding: 0.125rem\n}\n.qbs-p-1 {\n padding: 0.25rem\n}\n.qbs-px-0 {\n padding-left: 0px;\n padding-right: 0px\n}\n.qbs-px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem\n}\n.qbs-px-1\\.5 {\n padding-left: 0.375rem;\n padding-right: 0.375rem\n}\n.qbs-px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem\n}\n.qbs-px-2\\.5 {\n padding-left: 0.625rem;\n padding-right: 0.625rem\n}\n.qbs-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem\n}\n.qbs-px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem\n}\n.qbs-py-0 {\n padding-top: 0px;\n padding-bottom: 0px\n}\n.qbs-py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem\n}\n.qbs-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem\n}\n.qbs-py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem\n}\n.qbs-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem\n}\n.qbs-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem\n}\n.\\!qbs-pl-\\[45px\\] {\n padding-left: 45px !important\n}\n.\\!qbs-pt-\\[10px\\] {\n padding-top: 10px !important\n}\n.qbs-pl-2 {\n padding-left: 0.5rem\n}\n.qbs-pl-\\[10px\\] {\n padding-left: 10px\n}\n.qbs-ps-3 {\n padding-inline-start: 0.75rem\n}\n.qbs-ps-3\\.5 {\n padding-inline-start: 0.875rem\n}\n.qbs-pt-16 {\n padding-top: 4rem\n}\n.qbs-pt-3 {\n padding-top: 0.75rem\n}\n.qbs-text-center {\n text-align: center\n}\n.qbs-text-right {\n text-align: right\n}\n.qbs-align-middle {\n vertical-align: middle\n}\n.qbs-text-\\[10px\\] {\n font-size: 10px\n}\n.qbs-text-\\[11px\\] {\n font-size: 11px\n}\n.qbs-text-base {\n font-size: 1rem;\n line-height: 1.5rem\n}\n.qbs-text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem\n}\n.qbs-text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n.qbs-text-xs {\n font-size: 0.75rem;\n line-height: 1rem\n}\n.qbs-font-medium {\n font-weight: 500\n}\n.qbs-font-normal {\n font-weight: 400\n}\n.qbs-font-semibold {\n font-weight: 600\n}\n.qbs-leading-none {\n line-height: 1\n}\n.qbs-text-\\[\\#003C71\\] {\n --tw-text-opacity: 1;\n color: rgb(0 60 113 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#28B440\\] {\n --tw-text-opacity: 1;\n color: rgb(40 180 64 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#475467\\] {\n --tw-text-opacity: 1;\n color: rgb(71 84 103 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#667085\\] {\n --tw-text-opacity: 1;\n color: rgb(102 112 133 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#F94110\\] {\n --tw-text-opacity: 1;\n color: rgb(249 65 16 / var(--tw-text-opacity))\n}\n.qbs-text-blue-navy {\n --tw-text-opacity: 1;\n color: rgb(0 31 63 / var(--tw-text-opacity))\n}\n.qbs-text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity))\n}\n.qbs-text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity))\n}\n.qbs-text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity))\n}\n.qbs-text-green-500 {\n --tw-text-opacity: 1;\n color: rgb(34 197 94 / var(--tw-text-opacity))\n}\n.qbs-text-table-hover {\n --tw-text-opacity: 1;\n color: rgb(248 248 248 / var(--tw-text-opacity))\n}\n.qbs-text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.qbs-text-zinc-500 {\n --tw-text-opacity: 1;\n color: rgb(113 113 122 / var(--tw-text-opacity))\n}\n.qbs-opacity-70 {\n opacity: 0.7\n}\n.qbs-shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.qbs-shadow-gray-300 {\n --tw-shadow-color: #d1d5db;\n --tw-shadow: var(--tw-shadow-colored)\n}\n.qbs-outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n.qbs-transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.qbs-duration-200 {\n transition-duration: 200ms\n}\n.qbs-duration-300 {\n transition-duration: 300ms\n}\n.qbs-ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.last\\:qbs-border-b-0:last-child {\n border-bottom-width: 0px\n}\n.focus\\:qbs-border-\\[\\#667085\\]:focus {\n --tw-border-opacity: 1;\n border-color: rgb(102 112 133 / var(--tw-border-opacity))\n}\n.focus\\:qbs-border-blue-navy:focus {\n --tw-border-opacity: 1;\n border-color: rgb(0 31 63 / var(--tw-border-opacity))\n}\n.focus\\:qbs-outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n.focus\\:qbs-outline-\\[\\#FDA29B\\]:focus {\n outline-color: #FDA29B\n}\n.focus\\:qbs-ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.focus\\:qbs-ring-\\[\\#FDA29B\\]:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(253 162 155 / var(--tw-ring-opacity))\n}\n.focus-visible\\:qbs-outline-slate-100:focus-visible {\n outline-color: #f1f5f9\n}\n.disabled\\:qbs-opacity-70:disabled {\n opacity: 0.7\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-1\\/2 {\n top: 50%\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-1\\/2 {\n top: 50%\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[2px\\] {\n top: 2px\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[2px\\] {\n top: 2px\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[60\\%\\] {\n top: 60%\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[60\\%\\] {\n top: 60%\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:-qbs-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:-qbs-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-top-1\\.5 {\n top: 0.375rem\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-top-2 {\n top: 0.5rem\n}\n.qbs-peer:focus ~ .peer-focus\\:-qbs-translate-y-4 {\n --tw-translate-y: -1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-cursor-pointer {\n cursor: pointer\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-text-blue-navy {\n --tw-text-opacity: 1;\n color: rgb(0 31 63 / var(--tw-text-opacity))\n}\n.qbs-peer:focus ~ .rtl\\:peer-focus\\:qbs-left-auto:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: auto\n}\n.qbs-peer:focus ~ .rtl\\:peer-focus\\:qbs-translate-x-1\\/4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n --tw-translate-x: 25%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.\\[\\&_svg\\]\\:qbs-mr-0 svg {\n margin-right: 0px\n}\n.\\[\\&_svg\\]\\:qbs-h-5 svg {\n height: 1.25rem\n}\n.\\[\\&_svg\\]\\:qbs-w-5 svg {\n width: 1.25rem\n}\n\n\n/* Intentionally no global `body *` reset — avoids conflicting with consumer apps. */\n:root {\n --rcts-grey-dark: #4a4a4a;\n --rcts-grey-light: #d3d3d3;\n --rcts-blue-navy: #001f3f;\n --rcts-input-disabled: #a9a9a9;\n --rcts-error-light: #f08080;\n --rcts-error-extra-light: #fddede;\n --rcts-success: #28a745;\n --rcts-success-light: #d4edda;\n --rcts-blue-light: #add8e6;\n /* Back-compat aliases */\n --grey-dark: var(--rcts-grey-dark);\n --grey-light: var(--rcts-grey-light);\n --blue-navy: var(--rcts-blue-navy);\n --input-disabled: var(--rcts-input-disabled);\n --error-light: var(--rcts-error-light);\n --error-extra-light: var(--rcts-error-extra-light);\n --success: var(--rcts-success);\n --success-light: var(--rcts-success-light);\n --blue-light: var(--rcts-blue-light);\n --table-hover: #f8f8f8;\n}\n\n.custom-spinner {\n width: 24px !important; /* w-6 */\n height: 24px; /* h-6 */\n color: transparent; /* text-table-hover */\n fill: var(--blue-navy); /* fill-blue-navy */\n animation: spin 1s linear infinite; /* animate-spin */\n width: 15px;\n position: relative;\n top: 1px;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.textfield,\n.textfield-big {\n outline: none;\n color: var(--grey-dark);\n border-color: var(--grey-light);\n background-color: white;\n}\n\n.textfield:focus,\n.textfield-big:focus {\n border-color: var(--blue-navy);\n}\n\n.textfield:disabled,\n.textfield-big:disabled {\n color: var(--input-disabled);\n}\n\n.textfield-error,\n.textfield-big-error {\n outline: none;\n color: var(--error-light) !important;\n border-color: var(--error-light) !important;\n background-color: var(--error-extra-light) !important ;\n}\n\n.textfield-error::placeholder,\n.textfield-big-error::placeholder {\n color: var(--error-light);\n}\n\n.textfield-success {\n outline: none;\n color: var(--success);\n border-color: var(--success);\n background-color: var(--success-light);\n}\n\n.textfield-success:focus {\n ring-width: 0;\n}\n\n.textfield-success::placeholder {\n color: var(--success);\n}\n\n.textfield-editable {\n outline: none;\n color: var(--grey-dark);\n border-color: var(--blue-navy);\n background-color: var(--blue-light);\n}\n\n.textfield-editable::placeholder {\n color: var(--grey-dark);\n}\n\n.qbs-autocomplete-suggestions {\n position: absolute;\n height: auto;\n width: 100%;\n padding: 8px; /* Corresponding to p-1.5 in Tailwind */\n z-index: 99;\n margin-top: 4px;\n margin-bottom: 0;\n border-radius: 8px;\n background: #fff;\n box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);\n transform: translateY(0); /* Default position */\n transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;\n opacity: 1;\n\n /* Ensure content doesn't overflow during transition */\n}\n.qbs-autocomplete-suggestions-expandable{\n padding: 8px 0px;\n}\n.qbs-autocomplete-suggestions-expandable .qbs-autocomplete-suggestions-expandable-container {\n padding: 0px 8px;\n}\n.qbs-autocomplete-suggestions.bottom {\n top: 100%; /* Position below the input */\n /* Other styling */\n}\n\n.qbs-autocomplete-suggestions.top {\n bottom: 100%; /* Position above the input */\n /* Other styling */\n}\n.qbs-autocomplete-suggestions-item {\n cursor: pointer;\n padding: 6px 8px;\n border-radius: 6px;\n color: #222;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n /* width: 100%; */\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n.qbs-autocomplete-suggestions-item:hover {\n background: #f8f8f8;\n border-radius: 6px;\n}\n\n/* When value.id is equal to suggestion.id */\n.is-selected {\n border-radius: 6px;\n background: var(--neutrals-grey-20, #f4f4f4);\n}\n\n/* When value.id is NOT equal to suggestion.id */\n.qbs-autocomplete-suggestions-item .is-not-selected:hover {\n background-color: #f1f5f9; /* Replace with actual color code for 'hover:bg-table-hover' */\n}\n\n.qbs-autocomplete-notfound {\n cursor: default;\n padding: 6px 8px;\n border-radius: 6px;\n font-size: 12px;\n font-weight: 500;\n}\n.qbs-autocomplete-witherror-close-icon {\n position: absolute;\n top: calc(50% - 8px);\n right: 22px; /* right-1 */\n padding-left: 0.25rem; /* px-1 */\n padding-right: 0.25rem; /* px-1 */\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.qbs-autocomplete-close-icon {\n position: absolute;\n top: calc(50% - 8px);\n right: 2px; /* right-1 */\n padding-left: 0.25rem; /* px-1 */\n padding-right: 0.25rem; /* px-1 */\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.qbs-textfield-default {\n width: 100%;\n position: relative;\n padding-right: 8px;\n min-height: 36px;\n height: 36px;\n border-radius: 6px;\n padding-left: 8px;\n border: 1px solid #d6d8dc;\n background: #fff;\n box-sizing: border-box;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: #313131;\n}\n\n.qbs-expandable-container {\n border: 1px solid #d6d8dc;\n background: #fff;\n box-sizing: border-box;\n padding: 5px;\n display: flex;\n flex-wrap: wrap;\n flex: 1 1 0%;\n gap: 5px;\n}\n\n.qbs-dropdown-selected-container {\n border: 0px;\n border-top: 1px solid #d6d8dc;\n min-height: 35px;\n margin-top: 2px;\n padding-top: 10px;\n}\n.qbs-dropdown-selected-preview {\n .qbs-dropdown-selected-container {\n border-top: 0px;\n }\n}\n\n.qbs-dropdown-selected-container .qbs-clear-link,\n.qbs-expandable-container .qbs-clear-link {\n color: #e76458;\n}\n\n.qbs-expandable-container .qbs-clear-with-auto-dropdown {\n right: 2rem;\n bottom: 10px;\n}\n\n.qbs-dropdown-selected-container .qbs-done-link,\n.qbs-expandable-container .qbs-done-link {\n color: #336cfc;\n margin-left: 10px;\n}\n\n.qbs-textfield-default.expandable {\n height: auto;\n border: none;\n}\n\n.qbs-expandable-container .qbs-textfield-expandable {\n flex: 1 1 auto;\n display: inline-grid;\n grid-template-columns: 0px min-content;\n grid-area: 1 / 1 / 2 / 3;\n overflow: hidden;\n}\n.qbs-expandable-container .qbs-textfield-expandable::after {\n content: attr(data-value) ' ';\n visibility: hidden;\n white-space: pre;\n grid-area: 1 / 2;\n font: inherit;\n min-width: 2px;\n border: 0px;\n margin: 0px;\n outline: 0px;\n padding: 0px;\n}\n.qbs-expandable-container .qbs-textfield-expandable input {\n opacity: 1;\n width: auto;\n grid-area: 1 / 2;\n min-width: 10px;\n border: 0px;\n margin: 0px;\n outline: 0px;\n padding: 0px;\n height: auto;\n min-height: auto;\n border-radius: 0;\n}\n\n.qbs-textfield-default::placeholder {\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n}\n\n.qbs-autocomplete-close-icon button:focus-within {\n outline: none;\n}\n\n.fullWidth {\n width: 100%;\n}\n\n.autoWidth {\n width: auto;\n}\n.icon-button {\n background: transparent;\n border: none;\n display: inline-flex;\n cursor: pointer;\n padding: 0px 1px;\n}\n.icon-button-rotate {\n rotate: 180deg;\n}\n.labels {\n font-size: 12px;\n}\n.dropdown-search-input {\n min-width: -webkit-fill-available;\n border-radius: 6px;\n border: 1px solid var(--border-card-color-default, #d6d8dc);\n background: var(--surface-input-bg-color-default, #fff);\n color: #313131;\n font-size: 14px;\n height: 36px;\n padding: 0px 8px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n padding-left: 32px;\n width: 100%;\n}\n.qbs-autocomplete-suggestions-sub {\n position: relative;\n overflow: auto;\n max-height: 184px;\n top: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.padding-class {\n padding: 12px !important;\n}\n.qbs-autocomplete-listitem-container:hover {\n color: #003c71;\n background-color: rgba(141, 194, 240, 0.15) !important;\n}\n.qbs-autocomplete-listitem-container {\n display: flex !important;\n align-items: center !important;\n gap: 0px;\n}\nul {\n list-style-type: none;\n}\n\n.react-core-ts-search-container {\n display: flex;\n align-items: center;\n gap: var(--spacing-4, 4px);\n align-self: stretch;\n margin-bottom: 4px;\n}\n.selected-item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 3px 6px;\n margin: 0;\n background-color: #e0e0e0;\n color: #333;\n border-radius: 6px;\n border: 1px solid rgba(231, 100, 88, 0.1);\n background: rgba(231, 100, 88, 0.1);\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n color: #e76458;\n gap: 6px;\n height: 22px;\n}\n\n.remove-item-btn {\n background-color: transparent;\n border: none;\n color: #e76458;\n cursor: pointer;\n}\n\n.remove-item-btn:hover {\n color: #e76458;\n}\n\n.qbs-inline-all-dropdown-btn {\n display: flex;\n gap: 12px;\n align-items: center;\n position: absolute;\n right: 25px;\n z-index: 99;\n top: 18px;\n flex-wrap: wrap;\n}\n\n.qbs-inline-all-direct-dropdown-btn {\n right: 0px;\n}\n\n.selected-items-container {\n display: flex;\n gap: 12px;\n align-items: center;\n position: absolute;\n left: 8px;\n z-index: 99;\n top: 6.5px;\n flex-wrap: wrap;\n}\n\n.selected-items-counter-container {\n display: flex;\n gap: 12px;\n align-items: center;\n position: absolute;\n right: 8px;\n z-index: 99;\n top: 6.5px;\n flex-wrap: wrap;\n}\n\n.qbs-expandable-container .selected-items-container {\n position: relative;\n top: 0;\n left: 0;\n}\n\n.selected-items-container .badge, \n.selected-items-counter-container .badge {\n background-color: #c63a3a;\n color: #fff;\n}\n\n.selected-item-inline-counter {\n right: 30px;\n}\n\n.selected-item-inline-counter-disabled {\n right: 8px;\n}\n\n.selected-item-tool-direct-counter {\n right: 60px;\n}\n\n.selected-item-nontool-direct-counter {\n right: 35px;\n}\n\n.selected-item-more {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 3px 8px;\n margin: 0;\n border-radius: 6px;\n background: #c63a3a;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n color: #fff;\n height: 22px;\n}\n\n.loadMoreSection {\n margin: 0;\n cursor: pointer;\n display: flex;\n justify-content: flex-start;\n padding: 8px;\n}\n.loadMoreSection p {\n color: #336cfc;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n margin: 0;\n}\n::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);\n border-radius: 0px;\n background-color: transparent;\n}\n\n::-webkit-scrollbar {\n width: 6px;\n height: 4px;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 100px;\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);\n background-color: #ddd;\n}\n\n.qbs-autocomplete-suggestions-item.is-selected {\n color: #e76458;\n background: #f8f8f8;\n}\n\nspan.dropdown-search-icon {\n position: absolute;\n left: 8px;\n top: 10px;\n}\n\n.dropdown-search-input:focus {\n outline: none;\n border: 1px solid #222;\n}\n\n.qbs-autocomplete-checkbox-container {\n gap: 8px;\n padding: 6px 8px;\n display: flex;\n align-items: flex-start;\n outline: none;\n box-shadow: none;\n}\n\n.qbs-autocomplete-checkbox-container .qbs-autocomplete-suggestions-item {\n padding: 0;\n /* pointer-events: none; */\n}\n\n.qbs-autocomplete-checkbox-container:hover {\n background: #f8f8f8;\n border-radius: 6px;\n}\n\n.qbs-autocomplete-checkbox-container.is-selected {\n background: #f8f8f8;\n border-radius: 6px;\n}\n\n.qbs-autocomplete-checkbox {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.qbs-autocomplete-checkbox input {\n opacity: 0;\n}\n\n.qbs-autocomplete-checkbox input ~ label {\n position: absolute;\n border-radius: 3px;\n border: 1px solid #999696;\n width: 16px;\n height: 16px;\n top: 1px;\n transition: all 0.2s ease;\n cursor: pointer;\n}\n\n.qbs-autocomplete-checkbox input ~ label svg {\n opacity: 0;\n transition: all 0.2s ease;\n position: absolute;\n left: 3px;\n top: 3px;\n width: 9px;\n height: 9px;\n}\n\n.qbs-autocomplete-checkbox input:checked ~ label {\n transition: all 0.2s ease;\n border-radius: 3px;\n background: #e76458;\n border-color: #e76458;\n}\n.qbs-autocomplete-checkbox input:checked ~ label svg {\n opacity: 1;\n transition: all 0.2s ease;\n}\n\n.action_label {\n font-size: 14px;\n color: #4c7ad6;\n}\n/* Tooltip.css */\n/* .tooltip-wrapper {\n position: relative;\n display: inline-block;\n}\n\n.tooltip-content {\n visibility: hidden;\n width: max-content;\n background-color: black;\n color: white;\n text-align: center;\n max-width: 150px;\n padding: 5px 10px;\n border-radius: 6px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: 50%;\n transform: translateX(-50%);\n transition: visibility 0.2s ease-in-out;\n}\n\n.tooltip-content::after {\n content: '';\n position: absolute;\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: black transparent transparent transparent;\n}\n\n.tooltip-wrapper:hover .tooltip-content {\n visibility: visible;\n} */\n.qbs-table-tooltip {\n position: relative;\n display: contents;\n cursor: pointer;\n}\n\n.qbs-table-tooltip .tooltiptext,\n.tooltiptext {\n visibility: hidden;\n background-color: #000;\n color: #fff;\n text-align: center;\n padding: 6px;\n border-radius: 4px;\n position: absolute;\n z-index: 9999;\n opacity: 0;\n transition: opacity 0.3s;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n max-width: 300px;\n}\n.tooltip-text-container {\n display: block;\n max-height: 200px;\n overflow: auto;\n}\n\n.qbs-table-tooltip.up .tooltiptext {\n bottom: 125%;\n left: 0%;\n}\n\n.qbs-table-tooltip.down .tooltiptext {\n top: 125%;\n right: 0px;\n left: auto;\n}\n\n.qbs-table-tooltip:hover .tooltiptext {\n visibility: visible;\n opacity: 1;\n}\n\n.qbs-table-tooltip .tooltiptext::after,\n.tooltiptext::after {\n content: '';\n position: absolute;\n border-width: 5px;\n border-style: solid;\n}\n\n.qbs-table-tooltip.up .tooltiptext::after,\n.up.tooltiptext::after {\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-color: #000 transparent transparent transparent;\n}\n\n.qbs-table-tooltip.down .tooltiptext::after,\n.down.tooltiptext::after {\n bottom: 100%;\n left: 50%;\n margin-left: -5px;\n border-color: transparent transparent #000 transparent;\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items {\n display: flex;\n /* justify-content: space-between; */\n align-items: flex-start;\n cursor: pointer;\n outline: none;\n box-shadow: none;\n word-break: break-all;\n word-wrap: break-word;\n width: auto;\n gap: 6px;\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items .suggestion-text {\n flex: 1 1 auto;\n min-width: 0;\n white-space: normal;\n overflow-wrap: anywhere;\n word-break: break-word;\n}\n\n.qbs-autocomplete-suggections-items.is-selected {\n background-color: #f1f5f9;\n /* width: max-content; */\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items .short-code,\n.qbs-autocomplete-listitem-container .short-code {\n font-size: 12px;\n background: #f0f0f0;\n padding: 4px 8px;\n border: 1px solid #ccc;\n border-radius: 4px;\n white-space: nowrap;\n margin-left: auto;\n flex: 0 0 auto;\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items .label-code,\n.qbs-autocomplete-listitem-container .label-code {\n font-size: 12px;\n background: #f0f0f0;\n padding: 4px 8px;\n border: 1px solid #ccc;\n border-radius: 4px;\n white-space: normal;\n overflow-wrap: anywhere;\n word-break: break-word;\n max-width: 140px;\n margin: 0px 5px;\n flex: 0 1 auto;\n}\n\n/* Split-detail dropdown theme (bank-style row: title + subtitle | badge) */\n.autocomplete-suggections--split-detail .qbs-split-detail-row {\n display: flex;\n align-items: center;\n gap: 12px;\n width: 100%;\n padding: 10px 12px;\n box-sizing: border-box;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-main {\n flex: 1;\n min-width: 0;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-title {\n font-size: 14px;\n font-weight: 600;\n color: #101828;\n line-height: 1.35;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-subtitle {\n margin-top: 4px;\n font-size: 12px;\n font-weight: 400;\n color: #667085;\n line-height: 1.45;\n white-space: normal;\n word-break: break-word;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-badge-wrap {\n flex-shrink: 0;\n align-self: center;\n max-width: 45%;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-badge {\n display: inline-block;\n padding: 6px 10px;\n font-size: 12px;\n font-weight: 600;\n line-height: 1.3;\n color: #194185;\n background: #d1e9ff;\n border: 1px solid #b2ddff;\n border-radius: 6px;\n white-space: normal;\n word-break: break-word;\n}\n\n.autocomplete-suggections--split-detail\n .qbs-autocomplete-suggections-items.bg-blue-navy\n .qbs-split-detail-title,\n.autocomplete-suggections--split-detail\n .qbs-autocomplete-suggections-items.bg-blue-navy\n .qbs-split-detail-subtitle {\n color: #fff;\n}\n\n.autocomplete-suggections--split-detail\n .qbs-autocomplete-suggections-items.bg-blue-navy\n .qbs-split-detail-badge {\n color: #194185;\n background: #eff8ff;\n border-color: #b2ddff;\n}\n\n/* TextField Inner Search Button */\n.inner-search-button {\n background: #f8f8f8;\n border-radius: 6px;\n padding: 0px 8px;\n display: flex;\n align-items: center;\n justify-content: center; \n cursor: pointer;\n height: 38px;\n width: 38px;\n top: 1px;\n right: 2px;\n}\n.search-btn-input {\n padding-right: 38px;\n}\n\n.qbs-tree-list-container {\n display: flex;\n flex-direction: column;\n}\n.qbs-tree-list-container-sub {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n gap: 7px;\n}\n\n.qbs-tree-list-container-sub .no-children {\n margin-left: 1.75rem; /* Corresponds to ml-7 in Tailwind */\n}\n.qbs-tree-list-container-sub-icon {\n margin-top: 0.25rem; /* Corresponds to mt-1 in Tailwind */\n cursor: pointer;\n padding-top: 0.5rem; /* Corresponds to py-2 in Tailwind */\n padding-bottom: 0.5rem;\n transition: transform 0.3s ease; /* Smooth rotation transition */\n color: #003c71;\n}\n\n.qbs-tree-list-container-sub-icon.expanded {\n transform: rotate(90deg); /* Corresponds to rotate-90 in Tailwind */\n}\n.qbs-tree-list-container-sub-container {\n display: flex;\n gap: 15px; /* Corresponds to gap-2 in Tailwind */\n padding: 0.5rem; /* Corresponds to p-2 in Tailwind */\n flex-direction: row; /* Corresponds to flex-row in Tailwind */\n width: 100%; /* Corresponds to w-full in Tailwind */\n color: #3d414a;\n}\n.qbs-tree-list-container-sub-container-hideicon {\n display: flex;\n gap: 6px; /* Corresponds to gap-2 in Tailwind */\n padding: 0.5rem; /* Corresponds to p-2 in Tailwind */\n flex-direction: row; /* Corresponds to flex-row in Tailwind */\n width: 100%; /* Corresponds to w-full in Tailwind */\n color: #3d414a;\n}\n.qbs-tree-list-container-sub-container-hideicon:hover {\n color: #003c71;\n background-color: rgba(141, 194, 240, 0.15) !important;\n}\n.qbs-tree-list-container-sub-container:hover {\n color: #003c71;\n background-color: rgba(141, 194, 240, 0.15) !important;\n}\n.qbs-tree-list-container-sub-container.qbs-expanded-child {\n color: #003c71;\n}\n.qbs-tree-list-container-sub-text.qbs-expanded-child {\n color: #003c71;\n}\n.qbs-tree-list-container-sub-text:hover {\n color: #003c71;\n /* background-color: rgba(141, 194, 240, 0.15) !important; */\n}\n\n.qbs-tree-list-container-sub-container.checked,\n.qbs-tree-list-container-sub-container-hideicon.checked {\n color: #003c71;\n background-color: rgba(\n 141,\n 194,\n 240,\n 0.15\n ) !important; /* Corresponds to bg-green-200 in Tailwind */\n}\n\n.marginLeft {\n margin-left: 28px; /* Corresponds to ml-2 in Tailwind */\n}\n.lightmarginLeft {\n margin-left: 19px; /* Corresponds to ml-2 in Tailwind */\n}\n.qbs-tree-list-container-sub- {\n line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */\n font-size: 0.875rem; /* Corresponds to text-sm in Tailwind (14px) */\n}\n.qbs-tree-list-container-child {\n margin-left: 1rem; /* Corresponds to ml-4 in Tailwind */\n margin-top: 0.5rem; /* Corresponds to mt-2 in Tailwind */\n display: flex; /* Corresponds to flex in Tailwind */\n flex-direction: column; /* Corresponds to flex-col in Tailwind */\n gap: 0.5rem; /* Corresponds to gap-2 in Tailwind */\n}\n.qbs-tree-list-container-sub-text {\n line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */\n font-size: 14px; /* Corresponds to text-sm in Tailwind (14px) */\n font-weight: 500;\n letter-spacing: 0.28px;\n font-family: 'Noto Sans';\n /* color: #3d414a; */\n}\n\n\n.qbs-flex {\n display: flex;\n}\n.qbs-flex-wrap {\n flex-wrap: wrap;\n}\n.qbs-w-full {\n width: 100%;\n}\n.qbs-mb-2 {\n margin-bottom: 0.5rem;\n}\n.-qbs-mt-2 {\n margin-top: -0.5rem;\n}\n.qbs-flex-1 {\n flex: 1 1 0%;\n}\n.qbs-inline-block {\n display: inline-block;\n}\n.qbs-text-sm {\n font-size: 0.875rem;\n}\n.qbs-cursor-pointer {\n cursor: pointer;\n}\n.qbs-text-center {\n text-align: center;\n}\n.qbs-p-1 {\n padding: 0.25rem;\n}\n.qbs-border-b-2 {\n border-bottom-width: 2px;\n}\n.qbs-tab-item {\n color: #4b5563;\n border-color: #d1d5db;\n /* Prevent mid-word breaking from any inherited/global rules */\n word-break: normal;\n overflow-wrap: normal;\n hyphens: manual;\n /* Prevent breaking at spaces too (single-line label) */\n white-space: nowrap;\n /* In non-scroll layout, keep text tidy if it's forced into a narrow cell */\n overflow: hidden;\n text-overflow: ellipsis;\n /* Minimum left/right padding inside each tab */\n padding-left: 8px;\n padding-right: 8px;\n}\n.qbs-tab-item:hover {\n color: #2563eb;\n}\n.qbs-tab-active-item {\n color: #2563eb;\n border-color: #2563eb;\n}\n\n/* When tabs overflow, keep them in a single row and allow horizontal scroll */\n.qbs-tab.qbs-tab-scroll {\n flex-wrap: nowrap !important; /* override .qbs-flex-wrap */\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n}\n\n.qbs-tab.qbs-tab-scroll .qbs-tab-items {\n flex: 0 0 auto !important; /* override .qbs-flex-1 */\n}\n\n.qbs-tab.qbs-tab-scroll .qbs-tab-item {\n width: max-content !important; /* override .qbs-w-full */\n white-space: nowrap;\n word-break: normal;\n overflow-wrap: normal;\n hyphens: manual;\n overflow: visible;\n text-overflow: clip;\n}\n\n/* If the tab label has nested spans (icons + text), ensure they inherit the non-breaking behavior */\n.qbs-tab-item * {\n word-break: inherit;\n overflow-wrap: inherit;\n hyphens: inherit;\n white-space: inherit;\n}\n.qbs-relative {\n position: relative;\n}\n.qbs-gap-1 {\n gap: 0.25rem;\n}\n.qbs-rounded-full {\n border-radius: 9999px;\n}\n.qbs-text-xs {\n font-size: 0.75rem;\n}\n.qbs-inline-flex {\n display: inline-flex;\n}\n.qbs-items-center {\n align-items: center;\n}\n.qbs-justify-center {\n justify-content: center;\n}\n.qbs-px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.qbs-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.qbs-leading-none {\n line-height: 1;\n}\n.qbs-min-w-6 {\n min-width: 1.5rem;\n}\n.qbs-min-h-6 {\n min-height: 1.5rem;\n}\n.qbs-align-middle {\n vertical-align: middle;\n}\n.qbs-min-emp-h {\n min-height: 183px;\n padding-top: 80px;\n padding-bottom: 80px;\n}\n.qbs-flex-grow {\n flex-grow: 1;\n}\n.qbs-text-right {\n text-align: right;\n}\n.qbs-readmore-collapse {\n cursor: pointer;\n width: 100%;\n text-align: center;\n display: flex;\n justify-content: center;\n margin-top: 5px;\n}\n.qbs-readmore-collapse div {\n border-radius: 9999px;\n min-width: 1.5rem;\n min-height: 1.5rem;\n padding: 5px;\n}\n.qbs-more-collapse:hover {\n background-color: #d1d5db;\n}\n.qbs-hidden {\n display: none;\n}\n.qbs-autocomplete-selected-suggestions {\n padding: 8px 0px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-suggestions-sub {\n min-height: 184px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-selected-suggestions-outer {\n padding: 0px 8px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-listitem-container{\n padding-top: 0px;\n padding-left: 4px;\n padding-right: 4px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-selected-suggestions-outer span.dropdown-search-icon {\n left: 16px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-selected-suggestions-outer .qbs-all-dropdown-btn {\n right: 16px;\n}\n.selected-items-outer-container {\n display: flex;\n gap: 5px;\n flex-wrap: wrap;\n overflow-x: auto;\n transition: height 3s ease-in-out, opacity 3s ease-in-out,\n padding 1s ease-in-out;\n}\n.qbs-bottom-0{\n bottom: 0;\n}\n.qbs-select-all-link{\n border-bottom: 1px solid var(--border-card-color-default, #d6d8dc);\n padding: 0px 8px;\n}\n.qbs-select-all-link .qbs-autocomplete-suggestions-item {\n margin-top: 5px;\n}\n\n.qbs-select-all-link .qbs-autocomplete-checkbox-container:hover,\n.qbs-select-all-link .qbs-autocomplete-checkbox-container.is-selected,\n.qbs-select-all-link .qbs-autocomplete-suggestions-item:hover\n {\n background: #fff;\n border-radius: 0px;\n}\n.qbs-select-all-link .qbs-autocomplete-listitem-container:hover {\n background-color:#fff !important;\n}\n\n.has-selected-items {\n color: #FF681D !important;\n}\n\n.tools-drop-btn-active {\n color: #FF681D !important;\n}\n.qbs-tab-has-selected-items .qbs-tab-item{\n color: #FF681D !important;\n}\n\n.tooltip-container {\n position: relative;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n}\n\n.bottom {\n .tooltip {\n position: absolute;\n bottom: -40;\n right: 3px;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n max-width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: all 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n\n &.info {\n color: #ffffff !important;\n border: 1px solid #ffffff;\n background-color: #000000;\n right: 1px;\n top: 5px;\n }\n\n &.card {\n color: #ffffff !important;\n border: 1px solid #ffffff;\n background-color: #000000;\n right: -8px;\n top: 5px;\n }\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n top: -4px;\n border: 1px solid #e55353;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .info.tooltip::before {\n border: 1px solid #000000;\n background-color: #000000;\n right: 14px;\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n top: -4px;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n }\n\n .card.tooltip::before {\n border: 1px solid #000000;\n background-color: #000000;\n right: 14px;\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n top: -3px;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n }\n\n .tooltip-container:hover .tooltip {\n top: 46px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n\n &.info {\n top: 30px;\n max-width: 500px;\n position: absolute;\n }\n\n &.card {\n top: 20px;\n max-width: 300px;\n position: absolute;\n }\n }\n .tooltip-info {\n position: absolute;\n bottom: -40;\n right: 3px;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n max-width: 100%;\n z-index: 999;\n top: 46px;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: all 0.3s;\n border: 1px solid #475467;\n background-color: #475467;\n border-radius: 6px;\n }\n .tooltip-info::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n top: -4px;\n border: 1px solid #475467;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #475467;\n }\n\n .tooltip-container:hover .tooltip-info {\n top: 46px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n.top-tool {\n .tooltip {\n position: absolute;\n bottom: 45px !important;\n left: 0;\n top: auto !important;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n white-space: normal;\n z-index: 999;\n font-size: 12px;\n max-width: 100%;\n color: #ff681d !important;\n pointer-events: none;\n transition: all 0.3s;\n border: 1px solid #ff681d;\n background-color: #fff;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n bottom: -4px;\n border: 1px solid #ff681d;\n border-left: none;\n border-top: none;\n transform: translate(50%) rotate(45deg);\n background-color: #fff;\n }\n\n .tooltip-container:hover .tooltip {\n bottom: 45px !important;\n opacity: 1;\n top: auto !important;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n.bottom-tool {\n .tooltip {\n position: absolute;\n bottom: -40;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n max-width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #ff681d !important;\n white-space: wrap;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #ff681d;\n background-color: #fff;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n top: -4px;\n border: 1px solid #ff681d;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #fff;\n }\n\n .tooltip-container:hover .tooltip {\n top: 46px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n\n.right {\n .tooltip {\n position: absolute;\n top: 2.5px;\n left: calc(100% + 9px);\n transform: translateX(0%);\n padding: 8px;\n opacity: 0;\n min-width: 200px;\n max-width: 200px;\n min-height: calc(100% - 16px);\n height: auto;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip-card {\n padding: 3px 10px 4px;\n top: -4px;\n min-width: 175px;\n background-color: #3d414a;\n border: 1px solid #3d414a;\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n left: -8px;\n top: 14px;\n z-index: 999;\n transform: translateY(10px);\n border: 1px solid #e55353;\n border-top: none;\n border-right: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .tooltip-card::before {\n top: 8px;\n background-color: #3d414a;\n border: 1px solid #3d414a;\n }\n\n .tooltip-container:hover {\n .tooltip {\n top: 2.5px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n\n .tooltip-card {\n top: -4px;\n }\n }\n}\n\n.left {\n .tooltip {\n position: absolute;\n top: 2.5px;\n right: calc(100% + 9px);\n transform: translateX(0%);\n padding: 8px;\n opacity: 0;\n min-width: 200px;\n max-width: 200px;\n min-height: calc(100% - 16px);\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 0px;\n top: 14px;\n z-index: 999;\n transform: translateY(10px);\n border: 1px solid #e55353;\n border-bottom: none;\n border-left: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .tooltip-container:hover .tooltip {\n top: 2.5px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n\n.top {\n .tooltip-info {\n position: absolute;\n top: -40;\n left: 0;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #475467;\n background-color: #475467;\n border-radius: 6px;\n }\n\n .tooltip-info::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n bottom: -4px;\n border: 1px solid #475467;\n border-left: none;\n border-top: none;\n transform: translate(50%) rotate(45deg);\n background-color: #475467;\n }\n\n .tooltip-container:hover .tooltip-info {\n top: -40px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n .tooltip {\n position: absolute;\n top: -40;\n left: 0;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n bottom: -4px;\n border: 1px solid #e55353;\n border-left: none;\n border-top: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .tooltip-container:hover .tooltip {\n top: -40px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n\n.custom-tooltip-container {\n position: relative;\n display: inline-block;\n}\n\n.custom-text {\n font-size: 18px;\n cursor: pointer;\n}\n\n.custom-tooltip {\n position: absolute;\n top: 100%;\n left: 20%;\n opacity: 0;\n visibility: hidden;\n font-size: 12px;\n background: #deefff;\n border-color: #bee0ff;\n padding: 5px;\n align-items: center;\n transition: opacity 0.3s, visibility 0.3s, top 0.3s, background 0.3s;\n z-index: 1;\n}\n\n.custom-tooltip::before {\n content: \"\";\n position: absolute;\n bottom: 100%;\n left: 20%;\n /* Center the arrow */\n border-width: 9px;\n /* Slightly larger to act as border */\n border-style: solid;\n border-color: transparent transparent #bee0ff transparent;\n /* Border color */\n transform: translateX(-20%);\n z-index: -1;\n /* Ensure it's behind the ::after pseudo-element */\n}\n\n.custom-tooltip::after {\n content: \"\";\n position: absolute;\n bottom: 100%;\n left: 20%;\n border-width: 8px;\n border-style: solid;\n border-color: transparent transparent #deefff transparent;\n transform: translateX(-20%);\n z-index: 1;\n}\n\n.custom-tooltip-container:hover .custom-tooltip {\n top: 100%;\n opacity: 1;\n visibility: visible;\n background: #deefff;\n transform: translate(-20%, 10px);\n}\n\n/* Portal tooltip version used outside .tooltip-container */\n.tooltip-info-portal {\n /* position/transform set inline in React (portal) */\n padding: 0.3em 0.6em;\n opacity: 1;\n width: max-content;\n max-width: 100%;\n font-size: 12px;\n color: #fff !important;\n pointer-events: auto;\n transition: opacity 0.2s, visibility 0.2s;\n border: 1px solid #475467;\n background-color: #475467;\n border-radius: 6px;\n}\n\n.tooltip-info-portal::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n top: -4px;\n border: 1px solid #475467;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #475467;\n}\n\n.tooltip-portal-error {\n /* position/transform set inline in React (portal); avoid CSS overriding anchor */\n padding: 0.3em 0.6em;\n opacity: 1;\n width: max-content;\n max-width: 320px;\n font-size: 12px;\n color: #fff !important;\n pointer-events: auto;\n transition: opacity 0.2s, visibility 0.2s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n}\n\n.tooltip-portal-error::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 8px;\n top: -4px;\n border: 1px solid #e55353;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n}\n\n";
5
+ exports.STYLES = ".qbs-visible {\n visibility: visible\n}\n.qbs-invisible {\n visibility: hidden\n}\n.qbs-absolute {\n position: absolute\n}\n.qbs-relative {\n position: relative\n}\n.qbs-sticky {\n position: sticky\n}\n.qbs-bottom-0 {\n bottom: 0px\n}\n.qbs-left-0 {\n left: 0px\n}\n.qbs-right-0 {\n right: 0px\n}\n.qbs-right-2 {\n right: 0.5rem\n}\n.qbs-right-\\[1px\\] {\n right: 1px\n}\n.qbs-start-\\[14px\\] {\n inset-inline-start: 14px\n}\n.qbs-top-0 {\n top: 0px\n}\n.qbs-top-1 {\n top: 0.25rem\n}\n.qbs-top-1\\.5 {\n top: 0.375rem\n}\n.qbs-top-2 {\n top: 0.5rem\n}\n.qbs-top-6 {\n top: 1.5rem\n}\n.qbs-z-10 {\n z-index: 10\n}\n.qbs-z-50 {\n z-index: 50\n}\n.qbs-m-0 {\n margin: 0px\n}\n.-qbs-mt-2 {\n margin-top: -0.5rem\n}\n.qbs-mb-2 {\n margin-bottom: 0.5rem\n}\n.qbs-mb-3 {\n margin-bottom: 0.75rem\n}\n.qbs-me-2 {\n margin-inline-end: 0.5rem\n}\n.qbs-ml-2 {\n margin-left: 0.5rem\n}\n.qbs-mr-0 {\n margin-right: 0px\n}\n.qbs-mr-1 {\n margin-right: 0.25rem\n}\n.qbs-mr-2 {\n margin-right: 0.5rem\n}\n.qbs-mr-\\[1px\\] {\n margin-right: 1px\n}\n.qbs-mt-9 {\n margin-top: 2.25rem\n}\n.qbs-mt-\\[1px\\] {\n margin-top: 1px\n}\n.qbs-block {\n display: block\n}\n.qbs-inline-block {\n display: inline-block\n}\n.qbs-flex {\n display: flex\n}\n.qbs-inline-flex {\n display: inline-flex\n}\n.qbs-hidden {\n display: none\n}\n.qbs-h-10 {\n height: 2.5rem\n}\n.qbs-h-4 {\n height: 1rem\n}\n.qbs-h-5 {\n height: 1.25rem\n}\n.qbs-h-6 {\n height: 1.5rem\n}\n.qbs-h-\\[20px\\] {\n height: 20px\n}\n.qbs-h-\\[25px\\] {\n height: 25px\n}\n.qbs-h-\\[34px\\] {\n height: 34px\n}\n.qbs-h-auto {\n height: auto\n}\n.qbs-max-h-40 {\n max-height: 10rem\n}\n.qbs-min-h-6 {\n min-height: 1.5rem\n}\n.qbs-min-h-\\[28px\\] {\n min-height: 28px\n}\n.qbs-w-4 {\n width: 1rem\n}\n.qbs-w-5 {\n width: 1.25rem\n}\n.qbs-w-6 {\n width: 1.5rem\n}\n.qbs-w-\\[54px\\] {\n width: 54px\n}\n.qbs-w-auto {\n width: auto\n}\n.qbs-w-fit {\n width: -moz-fit-content;\n width: fit-content\n}\n.qbs-w-full {\n width: 100%\n}\n.qbs-min-w-0 {\n min-width: 0px\n}\n.qbs-min-w-6 {\n min-width: 1.5rem\n}\n.qbs-min-w-\\[20px\\] {\n min-width: 20px\n}\n.qbs-min-w-\\[28px\\] {\n min-width: 28px\n}\n.qbs-flex-1 {\n flex: 1 1 0%\n}\n.qbs-flex-shrink-0 {\n flex-shrink: 0\n}\n.qbs-flex-grow {\n flex-grow: 1\n}\n.qbs-origin-\\[0\\] {\n transform-origin: 0\n}\n.-qbs-translate-y-1 {\n --tw-translate-y: -0.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-qbs-translate-y-4 {\n --tw-translate-y: -1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-translate-x-1 {\n --tw-translate-x: 0.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n@keyframes qbs-spin {\n to {\n transform: rotate(360deg)\n }\n}\n.qbs-animate-spin {\n animation: qbs-spin 1s linear infinite\n}\n.qbs-cursor-default {\n cursor: default\n}\n.qbs-cursor-not-allowed {\n cursor: not-allowed\n}\n.qbs-cursor-pointer {\n cursor: pointer\n}\n.qbs-cursor-text {\n cursor: text\n}\n.qbs-resize-none {\n resize: none\n}\n.qbs-list-none {\n list-style-type: none\n}\n.qbs-appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none\n}\n.qbs-flex-col {\n flex-direction: column\n}\n.qbs-flex-wrap {\n flex-wrap: wrap\n}\n.qbs-items-center {\n align-items: center\n}\n.qbs-items-stretch {\n align-items: stretch\n}\n.qbs-justify-start {\n justify-content: flex-start\n}\n.qbs-justify-end {\n justify-content: flex-end\n}\n.qbs-justify-center {\n justify-content: center\n}\n.qbs-justify-between {\n justify-content: space-between\n}\n.qbs-gap-0 {\n gap: 0px\n}\n.qbs-gap-1 {\n gap: 0.25rem\n}\n.qbs-gap-2 {\n gap: 0.5rem\n}\n.qbs-gap-x-5 {\n -moz-column-gap: 1.25rem;\n column-gap: 1.25rem\n}\n.qbs-overflow-auto {\n overflow: auto\n}\n.qbs-overflow-x-auto {\n overflow-x: auto\n}\n.qbs-overflow-y-auto {\n overflow-y: auto\n}\n.qbs-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap\n}\n.qbs-whitespace-normal {\n white-space: normal\n}\n.qbs-break-words {\n overflow-wrap: break-word\n}\n.qbs-rounded-\\[4px\\] {\n border-radius: 4px\n}\n.qbs-rounded-full {\n border-radius: 9999px\n}\n.qbs-rounded-sm {\n border-radius: 0.125rem\n}\n.qbs-border {\n border-width: 1px\n}\n.qbs-border-b {\n border-bottom-width: 1px\n}\n.qbs-border-b-2 {\n border-bottom-width: 2px\n}\n.qbs-border-r {\n border-right-width: 1px\n}\n.qbs-border-none {\n border-style: none\n}\n.qbs-border-\\[\\#D0D5DD\\] {\n --tw-border-opacity: 1;\n border-color: rgb(208 213 221 / var(--tw-border-opacity))\n}\n.qbs-bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity))\n}\n.qbs-bg-orange-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 115 22 / var(--tw-bg-opacity))\n}\n.qbs-bg-transparent {\n background-color: transparent\n}\n.qbs-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.qbs-fill-blue-navy {\n fill: #001f3f\n}\n.qbs-p-0 {\n padding: 0px\n}\n.qbs-p-0\\.5 {\n padding: 0.125rem\n}\n.qbs-p-1 {\n padding: 0.25rem\n}\n.qbs-px-0 {\n padding-left: 0px;\n padding-right: 0px\n}\n.qbs-px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem\n}\n.qbs-px-1\\.5 {\n padding-left: 0.375rem;\n padding-right: 0.375rem\n}\n.qbs-px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem\n}\n.qbs-px-2\\.5 {\n padding-left: 0.625rem;\n padding-right: 0.625rem\n}\n.qbs-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem\n}\n.qbs-px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem\n}\n.qbs-py-0 {\n padding-top: 0px;\n padding-bottom: 0px\n}\n.qbs-py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem\n}\n.qbs-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem\n}\n.qbs-py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem\n}\n.qbs-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem\n}\n.qbs-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem\n}\n.\\!qbs-pl-\\[45px\\] {\n padding-left: 45px !important\n}\n.\\!qbs-pt-\\[10px\\] {\n padding-top: 10px !important\n}\n.qbs-pl-2 {\n padding-left: 0.5rem\n}\n.qbs-pl-\\[10px\\] {\n padding-left: 10px\n}\n.qbs-ps-3 {\n padding-inline-start: 0.75rem\n}\n.qbs-ps-3\\.5 {\n padding-inline-start: 0.875rem\n}\n.qbs-pt-16 {\n padding-top: 4rem\n}\n.qbs-pt-3 {\n padding-top: 0.75rem\n}\n.qbs-text-center {\n text-align: center\n}\n.qbs-text-right {\n text-align: right\n}\n.qbs-align-middle {\n vertical-align: middle\n}\n.qbs-text-\\[10px\\] {\n font-size: 10px\n}\n.qbs-text-\\[11px\\] {\n font-size: 11px\n}\n.qbs-text-base {\n font-size: 1rem;\n line-height: 1.5rem\n}\n.qbs-text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem\n}\n.qbs-text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n.qbs-text-xs {\n font-size: 0.75rem;\n line-height: 1rem\n}\n.qbs-font-medium {\n font-weight: 500\n}\n.qbs-font-normal {\n font-weight: 400\n}\n.qbs-font-semibold {\n font-weight: 600\n}\n.qbs-uppercase {\n text-transform: uppercase\n}\n.qbs-leading-none {\n line-height: 1\n}\n.qbs-text-\\[\\#003C71\\] {\n --tw-text-opacity: 1;\n color: rgb(0 60 113 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#28B440\\] {\n --tw-text-opacity: 1;\n color: rgb(40 180 64 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#475467\\] {\n --tw-text-opacity: 1;\n color: rgb(71 84 103 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#667085\\] {\n --tw-text-opacity: 1;\n color: rgb(102 112 133 / var(--tw-text-opacity))\n}\n.qbs-text-\\[\\#F94110\\] {\n --tw-text-opacity: 1;\n color: rgb(249 65 16 / var(--tw-text-opacity))\n}\n.qbs-text-blue-navy {\n --tw-text-opacity: 1;\n color: rgb(0 31 63 / var(--tw-text-opacity))\n}\n.qbs-text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity))\n}\n.qbs-text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity))\n}\n.qbs-text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity))\n}\n.qbs-text-green-500 {\n --tw-text-opacity: 1;\n color: rgb(34 197 94 / var(--tw-text-opacity))\n}\n.qbs-text-table-hover {\n --tw-text-opacity: 1;\n color: rgb(248 248 248 / var(--tw-text-opacity))\n}\n.qbs-text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.qbs-text-zinc-500 {\n --tw-text-opacity: 1;\n color: rgb(113 113 122 / var(--tw-text-opacity))\n}\n.qbs-opacity-70 {\n opacity: 0.7\n}\n.qbs-shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.qbs-shadow-gray-300 {\n --tw-shadow-color: #d1d5db;\n --tw-shadow: var(--tw-shadow-colored)\n}\n.qbs-outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n.qbs-transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.qbs-duration-200 {\n transition-duration: 200ms\n}\n.qbs-duration-300 {\n transition-duration: 300ms\n}\n.qbs-ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.placeholder\\:qbs-normal-case::-moz-placeholder {\n text-transform: none\n}\n.placeholder\\:qbs-normal-case::placeholder {\n text-transform: none\n}\n.last\\:qbs-border-b-0:last-child {\n border-bottom-width: 0px\n}\n.focus\\:qbs-border-\\[\\#667085\\]:focus {\n --tw-border-opacity: 1;\n border-color: rgb(102 112 133 / var(--tw-border-opacity))\n}\n.focus\\:qbs-border-blue-navy:focus {\n --tw-border-opacity: 1;\n border-color: rgb(0 31 63 / var(--tw-border-opacity))\n}\n.focus\\:qbs-outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n.focus\\:qbs-ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.focus-visible\\:qbs-outline-slate-100:focus-visible {\n outline-color: #f1f5f9\n}\n.disabled\\:qbs-opacity-70:disabled {\n opacity: 0.7\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-1\\/2 {\n top: 50%\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-1\\/2 {\n top: 50%\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[2px\\] {\n top: 2px\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[2px\\] {\n top: 2px\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[60\\%\\] {\n top: 60%\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-top-\\[60\\%\\] {\n top: 60%\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:-qbs-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:-qbs-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:placeholder-shown ~ .peer-placeholder-shown\\:qbs-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-top-1\\.5 {\n top: 0.375rem\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-top-2 {\n top: 0.5rem\n}\n.qbs-peer:focus ~ .peer-focus\\:-qbs-translate-y-4 {\n --tw-translate-y: -1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-cursor-pointer {\n cursor: pointer\n}\n.qbs-peer:focus ~ .peer-focus\\:qbs-text-blue-navy {\n --tw-text-opacity: 1;\n color: rgb(0 31 63 / var(--tw-text-opacity))\n}\n.qbs-peer:focus ~ .rtl\\:peer-focus\\:qbs-left-auto:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: auto\n}\n.qbs-peer:focus ~ .rtl\\:peer-focus\\:qbs-translate-x-1\\/4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n --tw-translate-x: 25%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.\\[\\&_svg\\]\\:qbs-mr-0 svg {\n margin-right: 0px\n}\n.\\[\\&_svg\\]\\:qbs-h-5 svg {\n height: 1.25rem\n}\n.\\[\\&_svg\\]\\:qbs-w-5 svg {\n width: 1.25rem\n}\n\n\n/**\n * Self-contained modern TextField / Autocomplete input styles.\n * These used to live in host apps; the library must ship them for Vite / local preview.\n */\n\n/* Base peer input (height + border) */\ninput.qbs-peer,\n.qbs-textfield input[class*='qbs-h-'] {\n box-sizing: border-box !important;\n display: block;\n width: 100%;\n height: 2.5rem !important;\n min-height: 2.5rem !important;\n margin: 0;\n border-style: solid;\n border-width: 1px;\n border-color: #d0d5dd;\n border-radius: 4px;\n background-color: #fff;\n color: #111827;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n padding-left: 0.875rem;\n padding-right: 0.875rem;\n padding-top: 0;\n padding-bottom: 0;\n outline: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\ninput.qbs-peer.qbs-h-\\[34px\\],\n.qbs-textfield input.qbs-h-\\[34px\\] {\n height: 34px !important;\n min-height: 34px !important;\n}\n\ninput.qbs-peer.qbs-h-\\[25px\\],\n.qbs-textfield input.qbs-h-\\[25px\\] {\n height: 25px !important;\n min-height: 25px !important;\n font-size: 0.75rem;\n}\n\ninput.qbs-peer:focus:not(.qbs-input-error) {\n border-color: #001f3f;\n}\n\ninput.qbs-peer:disabled {\n color: #98a2b3;\n background-color: #f2f4f7;\n cursor: not-allowed;\n}\n\n/*\n * Error state — must beat `input.qbs-peer` / `:focus` (element+class specificity).\n * Broken Tailwind classes like `focus:qbs-border-error-[#FDA29B]` never ship in CSS.\n */\ninput.qbs-peer.qbs-input-error,\n.qbs-textfield input.qbs-input-error,\n.qbs-autocomplete-container-table-view input.qbs-input-error {\n border-color: #fda29b !important;\n outline: none;\n}\n\ninput.qbs-peer.qbs-input-error:focus,\n.qbs-textfield input.qbs-input-error:focus,\n.qbs-autocomplete-container-table-view input.qbs-input-error:focus {\n border-color: #fda29b !important;\n outline: none;\n box-shadow: 0 0 0 3px rgba(253, 162, 155, 0.35);\n}\n\n/* Host-token fallbacks (prefixed utilities that are not in default Tailwind theme) */\n.qbs-border-input-light {\n border-color: #d0d5dd;\n}\n.qbs-text-input-text {\n color: #111827;\n}\n.qbs-text-input-disabled,\n.disabled\\:qbs-text-input-disabled:disabled {\n color: #98a2b3;\n}\n.qbs-bg-disabled,\n.disabled\\:qbs-bg-disabled:disabled {\n background-color: #f2f4f7;\n}\n.qbs-text-grey-dark {\n color: #344054;\n}\n.qbs-text-error-light {\n color: #f04438;\n}\n.qbs-text-error-icon,\n.qbs-text-error-label {\n color: #f04438;\n}\n.qbs-text-warning-icon,\n.qbs-text-warning-label {\n color: #f79009;\n}\n.qbs-text-tick-label {\n color: #28b440;\n}\n.qbs-text-grey-medium {\n color: #667085;\n}\n.qbs-border-grey-light {\n border-color: #d0d5dd;\n}\n.qbs-text-table-bodyColor {\n color: #667085;\n}\n.placeholder-input-label::placeholder {\n color: #667085;\n}\n.qbs-bg-bodyBG {\n background-color: #f9fafb;\n}\n.qbs-text-xxs {\n font-size: 0.625rem;\n line-height: 0.875rem;\n}\n.qbs-input-outline {\n outline: none;\n}\n.text-common {\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: #101828;\n}\n.text-error {\n color: #f04438;\n}\n.text-grey-secondary {\n color: #667085;\n}\n.text-text-primary {\n color: #101828;\n}\n\n/* Floating label: hide native placeholder when modern label is used */\n.placeholder-transparent::placeholder {\n color: transparent !important;\n}\n.placeholder-transparent::-webkit-input-placeholder {\n color: transparent !important;\n}\n.focus\\:placeholder-grey-secondary:focus::placeholder {\n color: #98a2b3;\n}\n\n.modern-input-label-truncate {\n max-width: calc(100% - 1.75rem);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n pointer-events: none;\n background-color: transparent;\n}\n\n.modern-input-label-size {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.modern-input-peer-focus-label-size,\n.peer-focus\\:modern-input-peer-focus-label-size {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n/* When peer has value / is focused, shrink label (Tailwind peer-focus variant class name) */\n.qbs-peer:focus ~ .peer-focus\\:modern-input-peer-focus-label-size,\n.qbs-peer:not(:placeholder-shown) ~ .modern-input-peer-focus-label-size,\n.qbs-peer:not(:placeholder-shown) ~ label.modern-input-label-truncate {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.active-input-label-bg {\n background-color: #fff;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.disabled-input-label-bg {\n background-color: #f2f4f7;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n/* Ensure bordered utility actually draws a border */\n.qbs-border {\n border-style: solid;\n}\n\n/* Utilities that apps expect but Tailwind may not emit / lose specificity */\n.qbs-z-1 {\n z-index: 1;\n}\n.qbs-start-\\[14px\\] {\n inset-inline-start: 14px;\n}\n.hover\\:qbs-text-dark:hover {\n color: #101828;\n}\n\n\n/**\n * Semantic / host-token fallbacks that Tailwind may not emit, or that\n * need guaranteed styles when the library is consumed in Vite apps.\n */\n\n/* --- Missing important / RTL utilities --- */\n.\\!qbs-pt-\\[10px\\] {\n padding-top: 10px !important;\n}\n.\\!qbs-pl-\\[45px\\] {\n padding-left: 45px !important;\n}\n\n/* TextArea RTL peer-focus nudge (class used in ReactTextArea) */\n[dir='rtl'] .qbs-peer:focus ~ .rtl\\:peer-focus\\:qbs-translate-x-1\\/6,\n.qbs-peer:focus ~ .rtl\\:peer-focus\\:qbs-translate-x-1\\/6:where([dir='rtl'] *) {\n transform: translateX(16.666667%);\n}\n\n/* --- Labels / selected chrome --- */\n.qbs-label-text,\n.labels.qbs-label-text {\n font-size: 12px;\n font-weight: 500;\n color: #344054;\n line-height: 16px;\n}\n.qbs-selected-label-text {\n color: #344054;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n white-space: nowrap;\n}\n.qbs-text-hundred-plus {\n font-size: 10px;\n letter-spacing: -0.02em;\n}\n.qbs-text-grey-label {\n color: #667085;\n font-size: 0.875rem;\n}\n\n/* --- Search-on-button chrome --- */\n.qbs-btn-search-on {\n background: transparent;\n border: none;\n border-radius: 4px;\n color: #667085;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.qbs-btn-search-on:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n}\n.qbs-btn-search-on:focus-visible {\n outline: 2px solid #cbd5e1;\n outline-offset: 1px;\n}\n\n/* --- Adornment hooks --- */\n.qbs-custom-dorpdown-adorement,\n.qbs-auto-dorpdown-adorement,\n.qbs-autocomplete-adorement {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n height: 100%;\n padding-right: 4px;\n box-sizing: border-box;\n}\n.adorement {\n display: inline-flex;\n align-items: center;\n}\n\n/* --- Loader / empty dropdown padding --- */\n.qbs-autocomplete-loader {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n min-height: 64px;\n padding-top: 4rem;\n box-sizing: border-box;\n}\n\n/* --- Suggestion list (Name/Count autocomplete) --- */\n.qbs-autocomplete-with-suggection {\n width: 100%;\n}\n.qbs-suggection-list {\n margin-top: 4px;\n width: 100%;\n}\n.qbs-suggection-item {\n cursor: pointer;\n padding-top: 4px;\n padding-bottom: 4px;\n}\n.qbs-suggection-item:hover {\n background-color: #f8f8f8;\n}\n.qbs-suggection-label {\n color: #344054;\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.qbs-suggection-count {\n background-color: #f97316;\n color: #fff;\n}\n.qbs-autosuggection-list {\n position: absolute;\n z-index: 50;\n}\n\n/* Warning / success suggestion containers */\n.suggection-warning-container .qbs-peer {\n border-color: #fdb022;\n}\n.suggection-okey-container .qbs-peer {\n border-color: #28b440;\n}\n\n/* --- Radio / checkbox hooks --- */\n.qbs-custom-radio-container {\n gap: 8px;\n}\n.qbs-radio-button {\n cursor: pointer;\n}\n\n/* --- Misc icon hooks (no-op safe defaults) --- */\n.qbs-all-dropdow-arrow-icon,\n.qbs-tools-arrow-icon,\n.qbs-tree-single-select-icon {\n display: inline-block;\n vertical-align: middle;\n}\n\n/* Extra color tokens often expected from host design systems */\n.qbs-text-gray-500 {\n color: #6b7280;\n}\n.qbs-text-gray-700 {\n color: #374151;\n}\n.qbs-text-gray-900 {\n color: #111827;\n}\n.qbs-bg-gray-100 {\n background-color: #f3f4f6;\n}\n.qbs-shadow-gray-300 {\n --tw-shadow-color: #d1d5db;\n}\n.qbs-border-b {\n border-bottom-width: 1px;\n border-bottom-style: solid;\n}\n.qbs-border-r {\n border-right-width: 1px;\n border-right-style: solid;\n}\n\n/* Ensure focus outline utilities work when host CSS resets outlines */\n.focus-visible\\:qbs-outline-slate-100:focus-visible {\n outline: 2px solid #f1f5f9;\n outline-offset: 2px;\n}\n\n\n/* Intentionally no global `body *` reset — avoids conflicting with consumer apps. */\n:root {\n --rcts-grey-dark: #4a4a4a;\n --rcts-grey-light: #d3d3d3;\n --rcts-blue-navy: #001f3f;\n --rcts-input-disabled: #a9a9a9;\n --rcts-error-light: #f08080;\n --rcts-error-extra-light: #fddede;\n --rcts-success: #28a745;\n --rcts-success-light: #d4edda;\n --rcts-blue-light: #add8e6;\n /* Back-compat aliases */\n --grey-dark: var(--rcts-grey-dark);\n --grey-light: var(--rcts-grey-light);\n --blue-navy: var(--rcts-blue-navy);\n --input-disabled: var(--rcts-input-disabled);\n --error-light: var(--rcts-error-light);\n --error-extra-light: var(--rcts-error-extra-light);\n --success: var(--rcts-success);\n --success-light: var(--rcts-success-light);\n --blue-light: var(--rcts-blue-light);\n --table-hover: #f8f8f8;\n}\n\n/*\n * Scoped border-box so TextField / Autocomplete heights match pre-4.0.2 behavior.\n * (Removing global body * broke height because padding+border were added outside h-*).\n */\n.qbs-textfield,\n.qbs-textfield *,\n.qbs-autocomplete-selected-comp,\n.qbs-autocomplete-selected-comp *,\n.qbs-autocomplete-suggestions,\n.qbs-autocomplete-suggestions *,\n.autocomplete-suggections,\n.autocomplete-suggections *,\n.qbs-expandable-container,\n.qbs-expandable-container *,\n.tooltip-container,\n.tooltip-container *,\n.react-core-ts-search-container,\n.react-core-ts-search-container *,\n.qbs-autocomplete-container-table-view,\n.qbs-autocomplete-container-table-view * {\n box-sizing: border-box;\n}\n\n/* Explicit TextField size heights — reliable even if utility order fights other CSS */\n.qbs-textfield input.qbs-h-10,\ninput.qbs-peer.qbs-h-10 {\n height: 2.5rem;\n min-height: 2.5rem;\n box-sizing: border-box;\n}\n.qbs-textfield input.qbs-h-\\[25px\\],\ninput.qbs-peer.qbs-h-\\[25px\\] {\n height: 25px;\n min-height: 25px;\n box-sizing: border-box;\n}\n.qbs-textfield input.qbs-h-\\[34px\\],\ninput.qbs-peer.qbs-h-\\[34px\\] {\n height: 34px;\n min-height: 34px;\n box-sizing: border-box;\n}\n\n.custom-spinner {\n width: 24px !important; /* w-6 */\n height: 24px; /* h-6 */\n color: transparent; /* text-table-hover */\n fill: var(--blue-navy); /* fill-blue-navy */\n animation: spin 1s linear infinite; /* animate-spin */\n width: 15px;\n position: relative;\n top: 1px;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.textfield,\n.textfield-big {\n outline: none;\n color: var(--grey-dark);\n border-color: var(--grey-light);\n background-color: white;\n}\n\n.textfield:focus,\n.textfield-big:focus {\n border-color: var(--blue-navy);\n}\n\n.textfield:disabled,\n.textfield-big:disabled {\n color: var(--input-disabled);\n}\n\n.textfield-error,\n.textfield-big-error {\n outline: none;\n color: var(--error-light) !important;\n border-color: var(--error-light) !important;\n background-color: var(--error-extra-light) !important ;\n}\n\n.textfield-error::placeholder,\n.textfield-big-error::placeholder {\n color: var(--error-light);\n}\n\n.textfield-success {\n outline: none;\n color: var(--success);\n border-color: var(--success);\n background-color: var(--success-light);\n}\n\n.textfield-success:focus {\n ring-width: 0;\n}\n\n.textfield-success::placeholder {\n color: var(--success);\n}\n\n.textfield-editable {\n outline: none;\n color: var(--grey-dark);\n border-color: var(--blue-navy);\n background-color: var(--blue-light);\n}\n\n.textfield-editable::placeholder {\n color: var(--grey-dark);\n}\n\n.qbs-autocomplete-suggestions {\n position: absolute;\n height: auto;\n width: 100%;\n padding: 8px; /* Corresponding to p-1.5 in Tailwind */\n z-index: 99;\n margin-top: 4px;\n margin-bottom: 0;\n border-radius: 8px;\n background: #fff;\n box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);\n transform: translateY(0); /* Default position */\n transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;\n opacity: 1;\n\n /* Ensure content doesn't overflow during transition */\n}\n.qbs-autocomplete-suggestions-expandable{\n padding: 8px 0px;\n}\n.qbs-autocomplete-suggestions-expandable .qbs-autocomplete-suggestions-expandable-container {\n padding: 0px 8px;\n}\n.qbs-autocomplete-suggestions.bottom {\n top: 100%; /* Position below the input */\n /* Other styling */\n}\n\n.qbs-autocomplete-suggestions.top {\n bottom: 100%; /* Position above the input */\n /* Other styling */\n}\n.qbs-autocomplete-suggestions-item {\n cursor: pointer;\n padding: 6px 8px;\n border-radius: 6px;\n color: #222;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n /* width: 100%; */\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n.qbs-autocomplete-suggestions-item:hover {\n background: #f8f8f8;\n border-radius: 6px;\n}\n\n/* When value.id is equal to suggestion.id */\n.is-selected {\n border-radius: 6px;\n background: var(--neutrals-grey-20, #f4f4f4);\n}\n\n/* When value.id is NOT equal to suggestion.id */\n.qbs-autocomplete-suggestions-item .is-not-selected:hover {\n background-color: #f1f5f9; /* Replace with actual color code for 'hover:bg-table-hover' */\n}\n\n.qbs-autocomplete-notfound {\n cursor: default;\n padding: 6px 8px;\n border-radius: 6px;\n font-size: 12px;\n font-weight: 500;\n}\n.qbs-autocomplete-witherror-close-icon {\n position: absolute;\n top: calc(50% - 8px);\n right: 22px; /* right-1 */\n padding-left: 0.25rem; /* px-1 */\n padding-right: 0.25rem; /* px-1 */\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.qbs-autocomplete-close-icon {\n position: absolute;\n top: calc(50% - 8px);\n right: 2px; /* right-1 */\n padding-left: 0.25rem; /* px-1 */\n padding-right: 0.25rem; /* px-1 */\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.qbs-textfield-default {\n width: 100%;\n position: relative;\n padding-right: 8px;\n min-height: 36px;\n height: 36px;\n border-radius: 6px;\n padding-left: 8px;\n border: 1px solid #d6d8dc;\n background: #fff;\n box-sizing: border-box;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: #313131;\n}\n\n.qbs-expandable-container {\n border: 1px solid #d6d8dc;\n background: #fff;\n box-sizing: border-box;\n padding: 5px;\n display: flex;\n flex-wrap: wrap;\n flex: 1 1 0%;\n gap: 5px;\n}\n\n.qbs-dropdown-selected-container {\n border: 0px;\n border-top: 1px solid #d6d8dc;\n min-height: 35px;\n margin-top: 2px;\n padding-top: 10px;\n}\n.qbs-dropdown-selected-preview {\n .qbs-dropdown-selected-container {\n border-top: 0px;\n }\n}\n\n.qbs-dropdown-selected-container .qbs-clear-link,\n.qbs-expandable-container .qbs-clear-link {\n color: #e76458;\n}\n\n.qbs-expandable-container .qbs-clear-with-auto-dropdown {\n right: 2rem;\n bottom: 10px;\n}\n\n.qbs-dropdown-selected-container .qbs-done-link,\n.qbs-expandable-container .qbs-done-link {\n color: #336cfc;\n margin-left: 10px;\n}\n\n.qbs-textfield-default.expandable {\n height: auto;\n border: none;\n}\n\n.qbs-expandable-container .qbs-textfield-expandable {\n flex: 1 1 auto;\n display: inline-grid;\n grid-template-columns: 0px min-content;\n grid-area: 1 / 1 / 2 / 3;\n overflow: hidden;\n}\n.qbs-expandable-container .qbs-textfield-expandable::after {\n content: attr(data-value) ' ';\n visibility: hidden;\n white-space: pre;\n grid-area: 1 / 2;\n font: inherit;\n min-width: 2px;\n border: 0px;\n margin: 0px;\n outline: 0px;\n padding: 0px;\n}\n.qbs-expandable-container .qbs-textfield-expandable input {\n opacity: 1;\n width: auto;\n grid-area: 1 / 2;\n min-width: 10px;\n border: 0px;\n margin: 0px;\n outline: 0px;\n padding: 0px;\n height: auto;\n min-height: auto;\n border-radius: 0;\n}\n\n.qbs-textfield-default::placeholder {\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n}\n\n.qbs-autocomplete-close-icon button:focus-within {\n outline: none;\n}\n\n.fullWidth {\n width: 100%;\n}\n\n.autoWidth {\n width: auto;\n}\n.icon-button {\n background: transparent;\n border: none;\n display: inline-flex;\n cursor: pointer;\n padding: 0px 1px;\n}\n.icon-button-rotate {\n rotate: 180deg;\n}\n.labels {\n font-size: 12px;\n}\n.dropdown-search-input {\n min-width: -webkit-fill-available;\n border-radius: 6px;\n border: 1px solid var(--border-card-color-default, #d6d8dc);\n background: var(--surface-input-bg-color-default, #fff);\n color: #313131;\n font-size: 14px;\n height: 36px;\n padding: 0px 8px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n padding-left: 32px;\n width: 100%;\n}\n.qbs-autocomplete-suggestions-sub {\n position: relative;\n overflow: auto;\n max-height: 184px;\n top: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.padding-class {\n padding: 12px !important;\n}\n.qbs-autocomplete-listitem-container:hover {\n color: #003c71;\n background-color: rgba(141, 194, 240, 0.15) !important;\n}\n.qbs-autocomplete-listitem-container {\n display: flex !important;\n align-items: center !important;\n gap: 0px;\n}\nul {\n list-style-type: none;\n}\n\n.react-core-ts-search-container {\n display: flex;\n align-items: center;\n gap: var(--spacing-4, 4px);\n align-self: stretch;\n margin-bottom: 4px;\n}\n.selected-item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 3px 6px;\n margin: 0;\n background-color: #e0e0e0;\n color: #333;\n border-radius: 6px;\n border: 1px solid rgba(231, 100, 88, 0.1);\n background: rgba(231, 100, 88, 0.1);\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n color: #e76458;\n gap: 6px;\n height: 22px;\n}\n\n.remove-item-btn {\n background-color: transparent;\n border: none;\n color: #e76458;\n cursor: pointer;\n}\n\n.remove-item-btn:hover {\n color: #e76458;\n}\n\n.qbs-inline-all-dropdown-btn {\n display: flex;\n gap: 12px;\n align-items: center;\n position: absolute;\n right: 25px;\n z-index: 99;\n top: 50%;\n transform: translateY(-50%);\n flex-wrap: wrap;\n}\n\n.qbs-inline-all-direct-dropdown-btn {\n right: 0px;\n}\n\n.selected-items-container {\n display: flex;\n gap: 12px;\n align-items: center;\n position: absolute;\n left: 8px;\n z-index: 99;\n top: 6.5px;\n flex-wrap: wrap;\n}\n\n.selected-items-counter-container {\n display: flex;\n gap: 12px;\n align-items: center;\n position: absolute;\n right: 8px;\n z-index: 99;\n top: 50%;\n transform: translateY(-50%);\n flex-wrap: wrap;\n}\n\n.qbs-expandable-container .selected-items-container {\n position: relative;\n top: 0;\n left: 0;\n}\n\n.selected-items-container .badge, \n.selected-items-counter-container .badge {\n background-color: #c63a3a;\n color: #fff;\n}\n\n.selected-item-inline-counter {\n right: 30px;\n}\n\n.selected-item-inline-counter-disabled {\n right: 8px;\n}\n\n.selected-item-tool-direct-counter {\n right: 60px;\n}\n\n.selected-item-nontool-direct-counter {\n right: 35px;\n}\n\n.selected-item-more {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 3px 8px;\n margin: 0;\n border-radius: 6px;\n background: #c63a3a;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n color: #fff;\n height: 22px;\n}\n\n.loadMoreSection {\n margin: 0;\n cursor: pointer;\n display: flex;\n justify-content: flex-start;\n padding: 8px;\n}\n.loadMoreSection p {\n color: #336cfc;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n margin: 0;\n}\n::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);\n border-radius: 0px;\n background-color: transparent;\n}\n\n::-webkit-scrollbar {\n width: 6px;\n height: 4px;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 100px;\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);\n background-color: #ddd;\n}\n\n.qbs-autocomplete-suggestions-item.is-selected {\n color: #e76458;\n background: #f8f8f8;\n}\n\nspan.dropdown-search-icon {\n position: absolute;\n left: 8px;\n top: 10px;\n}\n\n.dropdown-search-input:focus {\n outline: none;\n border: 1px solid #222;\n}\n\n.qbs-autocomplete-checkbox-container {\n gap: 8px;\n padding: 6px 8px;\n display: flex;\n align-items: flex-start;\n outline: none;\n box-shadow: none;\n}\n\n.qbs-autocomplete-checkbox-container .qbs-autocomplete-suggestions-item {\n padding: 0;\n /* pointer-events: none; */\n}\n\n.qbs-autocomplete-checkbox-container:hover {\n background: #f8f8f8;\n border-radius: 6px;\n}\n\n.qbs-autocomplete-checkbox-container.is-selected {\n background: #f8f8f8;\n border-radius: 6px;\n}\n\n.qbs-autocomplete-checkbox {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.qbs-autocomplete-checkbox input {\n opacity: 0;\n}\n\n.qbs-autocomplete-checkbox input ~ label {\n position: absolute;\n border-radius: 3px;\n border: 1px solid #999696;\n width: 16px;\n height: 16px;\n top: 1px;\n transition: all 0.2s ease;\n cursor: pointer;\n}\n\n.qbs-autocomplete-checkbox input ~ label svg {\n opacity: 0;\n transition: all 0.2s ease;\n position: absolute;\n left: 3px;\n top: 3px;\n width: 9px;\n height: 9px;\n}\n\n.qbs-autocomplete-checkbox input:checked ~ label {\n transition: all 0.2s ease;\n border-radius: 3px;\n background: #e76458;\n border-color: #e76458;\n}\n.qbs-autocomplete-checkbox input:checked ~ label svg {\n opacity: 1;\n transition: all 0.2s ease;\n}\n\n.action_label {\n font-size: 14px;\n color: #4c7ad6;\n}\n/* Tooltip.css */\n/* .tooltip-wrapper {\n position: relative;\n display: inline-block;\n}\n\n.tooltip-content {\n visibility: hidden;\n width: max-content;\n background-color: black;\n color: white;\n text-align: center;\n max-width: 150px;\n padding: 5px 10px;\n border-radius: 6px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: 50%;\n transform: translateX(-50%);\n transition: visibility 0.2s ease-in-out;\n}\n\n.tooltip-content::after {\n content: '';\n position: absolute;\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: black transparent transparent transparent;\n}\n\n.tooltip-wrapper:hover .tooltip-content {\n visibility: visible;\n} */\n.qbs-table-tooltip {\n position: relative;\n display: contents;\n cursor: pointer;\n}\n\n.qbs-table-tooltip .tooltiptext,\n.tooltiptext {\n visibility: hidden;\n background-color: #000;\n color: #fff;\n text-align: center;\n padding: 6px;\n border-radius: 4px;\n position: absolute;\n z-index: 9999;\n opacity: 0;\n transition: opacity 0.3s;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n max-width: 300px;\n}\n.tooltip-text-container {\n display: block;\n max-height: 200px;\n overflow: auto;\n}\n\n.qbs-table-tooltip.up .tooltiptext {\n bottom: 125%;\n left: 0%;\n}\n\n.qbs-table-tooltip.down .tooltiptext {\n top: 125%;\n right: 0px;\n left: auto;\n}\n\n.qbs-table-tooltip:hover .tooltiptext {\n visibility: visible;\n opacity: 1;\n}\n\n.qbs-table-tooltip .tooltiptext::after,\n.tooltiptext::after {\n content: '';\n position: absolute;\n border-width: 5px;\n border-style: solid;\n}\n\n.qbs-table-tooltip.up .tooltiptext::after,\n.up.tooltiptext::after {\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-color: #000 transparent transparent transparent;\n}\n\n.qbs-table-tooltip.down .tooltiptext::after,\n.down.tooltiptext::after {\n bottom: 100%;\n left: 50%;\n margin-left: -5px;\n border-color: transparent transparent #000 transparent;\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items {\n display: flex;\n /* justify-content: space-between; */\n align-items: flex-start;\n cursor: pointer;\n outline: none;\n box-shadow: none;\n word-break: break-all;\n word-wrap: break-word;\n width: auto;\n gap: 6px;\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items .suggestion-text {\n flex: 1 1 auto;\n min-width: 0;\n white-space: normal;\n overflow-wrap: anywhere;\n word-break: break-word;\n}\n\n.qbs-autocomplete-suggections-items.is-selected {\n background-color: #f1f5f9;\n /* width: max-content; */\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items .short-code,\n.qbs-autocomplete-listitem-container .short-code {\n font-size: 12px;\n background: #f0f0f0;\n padding: 4px 8px;\n border: 1px solid #ccc;\n border-radius: 4px;\n white-space: nowrap;\n margin-left: auto;\n flex: 0 0 auto;\n}\n\n.autocomplete-suggections .qbs-autocomplete-suggections-items .label-code,\n.qbs-autocomplete-listitem-container .label-code {\n font-size: 12px;\n background: #f0f0f0;\n padding: 4px 8px;\n border: 1px solid #ccc;\n border-radius: 4px;\n white-space: normal;\n overflow-wrap: anywhere;\n word-break: break-word;\n max-width: 140px;\n margin: 0px 5px;\n flex: 0 1 auto;\n}\n\n/* Split-detail dropdown theme (bank-style row: title + subtitle | badge) */\n.autocomplete-suggections--split-detail .qbs-split-detail-row {\n display: flex;\n align-items: center;\n gap: 12px;\n width: 100%;\n padding: 10px 12px;\n box-sizing: border-box;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-main {\n flex: 1;\n min-width: 0;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-title {\n font-size: 14px;\n font-weight: 600;\n color: #101828;\n line-height: 1.35;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-subtitle {\n margin-top: 4px;\n font-size: 12px;\n font-weight: 400;\n color: #667085;\n line-height: 1.45;\n white-space: normal;\n word-break: break-word;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-badge-wrap {\n flex-shrink: 0;\n align-self: center;\n max-width: 45%;\n}\n\n.autocomplete-suggections--split-detail .qbs-split-detail-badge {\n display: inline-block;\n padding: 6px 10px;\n font-size: 12px;\n font-weight: 600;\n line-height: 1.3;\n color: #194185;\n background: #d1e9ff;\n border: 1px solid #b2ddff;\n border-radius: 6px;\n white-space: normal;\n word-break: break-word;\n}\n\n.autocomplete-suggections--split-detail\n .qbs-autocomplete-suggections-items.bg-blue-navy\n .qbs-split-detail-title,\n.autocomplete-suggections--split-detail\n .qbs-autocomplete-suggections-items.bg-blue-navy\n .qbs-split-detail-subtitle {\n color: #fff;\n}\n\n.autocomplete-suggections--split-detail\n .qbs-autocomplete-suggections-items.bg-blue-navy\n .qbs-split-detail-badge {\n color: #194185;\n background: #eff8ff;\n border-color: #b2ddff;\n}\n\n/* TextField Inner Search Button */\n.inner-search-button {\n position: absolute;\n background: #f8f8f8;\n border: none;\n border-radius: 0 3px 3px 0;\n padding: 0 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n height: calc(100% - 2px);\n width: 38px;\n top: 1px;\n right: 1px;\n z-index: 2;\n box-sizing: border-box;\n}\n.search-btn-input {\n padding-right: 38px;\n}\n\n/*\n * Keep end icons inside the input border.\n * (Sibling flex + qbs-w-full previously pushed icons outside the bordered input.)\n */\n.qbs-autocomplete-adorement-wrapper,\n.qbs-input-adorement-wrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n z-index: 2;\n pointer-events: none;\n}\n.qbs-autocomplete-adorement-wrapper > *,\n.qbs-input-adorement-wrapper > * {\n pointer-events: auto;\n}\n\n.qbs-autocomplete-adorement-wrapper .adorement,\n.qbs-autocomplete-adorement-wrapper .qbs-autocomplete-adorement,\n.qbs-input-adorement-wrapper .adorement {\n position: relative !important;\n right: auto !important;\n top: auto !important;\n height: 100%;\n padding-right: 4px;\n box-sizing: border-box;\n}\n\n/* Avoid Tailwind `container` utility collision (prefix makes it `.qbs-container`) */\n.qbs-selected-comp-normal {\n position: relative;\n display: block;\n width: 100%;\n max-width: none;\n}\n\n.qbs-autocomplete-selected-comp {\n position: relative;\n display: block;\n width: 100%;\n}\n\n.qbs-autocomplete-selected-comp > .qbs-textfield-expandable.qbs-normal,\n.qbs-autocomplete-selected-comp > .qbs-textfield-expandable.qbs-normal .qbs-textfield-default {\n display: block;\n width: 100%;\n}\n\n/* Tools icon should sit inside the field, vertically centered */\n.qbs-tools-drop-btn {\n position: absolute !important;\n right: 8px !important;\n top: 50% !important;\n transform: translateY(-50%);\n z-index: 2;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: none;\n padding: 0;\n cursor: pointer;\n}\n\n.qbs-tree-list-container {\n display: flex;\n flex-direction: column;\n}\n.qbs-tree-list-container-sub {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n gap: 7px;\n}\n\n.qbs-tree-list-container-sub .no-children {\n margin-left: 1.75rem; /* Corresponds to ml-7 in Tailwind */\n}\n.qbs-tree-list-container-sub-icon {\n margin-top: 0.25rem; /* Corresponds to mt-1 in Tailwind */\n cursor: pointer;\n padding-top: 0.5rem; /* Corresponds to py-2 in Tailwind */\n padding-bottom: 0.5rem;\n transition: transform 0.3s ease; /* Smooth rotation transition */\n color: #003c71;\n}\n\n.qbs-tree-list-container-sub-icon.expanded {\n transform: rotate(90deg); /* Corresponds to rotate-90 in Tailwind */\n}\n.qbs-tree-list-container-sub-container {\n display: flex;\n gap: 15px; /* Corresponds to gap-2 in Tailwind */\n padding: 0.5rem; /* Corresponds to p-2 in Tailwind */\n flex-direction: row; /* Corresponds to flex-row in Tailwind */\n width: 100%; /* Corresponds to w-full in Tailwind */\n color: #3d414a;\n}\n.qbs-tree-list-container-sub-container-hideicon {\n display: flex;\n gap: 6px; /* Corresponds to gap-2 in Tailwind */\n padding: 0.5rem; /* Corresponds to p-2 in Tailwind */\n flex-direction: row; /* Corresponds to flex-row in Tailwind */\n width: 100%; /* Corresponds to w-full in Tailwind */\n color: #3d414a;\n}\n.qbs-tree-list-container-sub-container-hideicon:hover {\n color: #003c71;\n background-color: rgba(141, 194, 240, 0.15) !important;\n}\n.qbs-tree-list-container-sub-container:hover {\n color: #003c71;\n background-color: rgba(141, 194, 240, 0.15) !important;\n}\n.qbs-tree-list-container-sub-container.qbs-expanded-child {\n color: #003c71;\n}\n.qbs-tree-list-container-sub-text.qbs-expanded-child {\n color: #003c71;\n}\n.qbs-tree-list-container-sub-text:hover {\n color: #003c71;\n /* background-color: rgba(141, 194, 240, 0.15) !important; */\n}\n\n.qbs-tree-list-container-sub-container.checked,\n.qbs-tree-list-container-sub-container-hideicon.checked {\n color: #003c71;\n background-color: rgba(\n 141,\n 194,\n 240,\n 0.15\n ) !important; /* Corresponds to bg-green-200 in Tailwind */\n}\n\n.marginLeft {\n margin-left: 28px; /* Corresponds to ml-2 in Tailwind */\n}\n.lightmarginLeft {\n margin-left: 19px; /* Corresponds to ml-2 in Tailwind */\n}\n.qbs-tree-list-container-sub- {\n line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */\n font-size: 0.875rem; /* Corresponds to text-sm in Tailwind (14px) */\n}\n.qbs-tree-list-container-child {\n margin-left: 1rem; /* Corresponds to ml-4 in Tailwind */\n margin-top: 0.5rem; /* Corresponds to mt-2 in Tailwind */\n display: flex; /* Corresponds to flex in Tailwind */\n flex-direction: column; /* Corresponds to flex-col in Tailwind */\n gap: 0.5rem; /* Corresponds to gap-2 in Tailwind */\n}\n.qbs-tree-list-container-sub-text {\n line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */\n font-size: 14px; /* Corresponds to text-sm in Tailwind (14px) */\n font-weight: 500;\n letter-spacing: 0.28px;\n font-family: 'Noto Sans';\n /* color: #3d414a; */\n}\n\n\n.qbs-flex {\n display: flex;\n}\n.qbs-flex-wrap {\n flex-wrap: wrap;\n}\n.qbs-w-full {\n width: 100%;\n}\n.qbs-mb-2 {\n margin-bottom: 0.5rem;\n}\n.-qbs-mt-2 {\n margin-top: -0.5rem;\n}\n.qbs-flex-1 {\n flex: 1 1 0%;\n}\n.qbs-inline-block {\n display: inline-block;\n}\n.qbs-text-sm {\n font-size: 0.875rem;\n}\n.qbs-cursor-pointer {\n cursor: pointer;\n}\n.qbs-text-center {\n text-align: center;\n}\n.qbs-p-1 {\n padding: 0.25rem;\n}\n.qbs-border-b-2 {\n border-bottom-width: 2px;\n}\n.qbs-tab-item {\n color: #4b5563;\n border-color: #d1d5db;\n /* Prevent mid-word breaking from any inherited/global rules */\n word-break: normal;\n overflow-wrap: normal;\n hyphens: manual;\n /* Prevent breaking at spaces too (single-line label) */\n white-space: nowrap;\n /* In non-scroll layout, keep text tidy if it's forced into a narrow cell */\n overflow: hidden;\n text-overflow: ellipsis;\n /* Minimum left/right padding inside each tab */\n padding-left: 8px;\n padding-right: 8px;\n}\n.qbs-tab-item:hover {\n color: #2563eb;\n}\n.qbs-tab-active-item {\n color: #2563eb;\n border-color: #2563eb;\n}\n\n/* When tabs overflow, keep them in a single row and allow horizontal scroll */\n.qbs-tab.qbs-tab-scroll {\n flex-wrap: nowrap !important; /* override .qbs-flex-wrap */\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n}\n\n.qbs-tab.qbs-tab-scroll .qbs-tab-items {\n flex: 0 0 auto !important; /* override .qbs-flex-1 */\n}\n\n.qbs-tab.qbs-tab-scroll .qbs-tab-item {\n width: max-content !important; /* override .qbs-w-full */\n white-space: nowrap;\n word-break: normal;\n overflow-wrap: normal;\n hyphens: manual;\n overflow: visible;\n text-overflow: clip;\n}\n\n/* If the tab label has nested spans (icons + text), ensure they inherit the non-breaking behavior */\n.qbs-tab-item * {\n word-break: inherit;\n overflow-wrap: inherit;\n hyphens: inherit;\n white-space: inherit;\n}\n.qbs-relative {\n position: relative;\n}\n.qbs-gap-1 {\n gap: 0.25rem;\n}\n.qbs-rounded-full {\n border-radius: 9999px;\n}\n.qbs-text-xs {\n font-size: 0.75rem;\n}\n.qbs-inline-flex {\n display: inline-flex;\n}\n.qbs-items-center {\n align-items: center;\n}\n.qbs-justify-center {\n justify-content: center;\n}\n.qbs-px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.qbs-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.qbs-leading-none {\n line-height: 1;\n}\n.qbs-min-w-6 {\n min-width: 1.5rem;\n}\n.qbs-min-h-6 {\n min-height: 1.5rem;\n}\n.qbs-align-middle {\n vertical-align: middle;\n}\n.qbs-min-emp-h {\n min-height: 183px;\n padding-top: 80px;\n padding-bottom: 80px;\n}\n.qbs-flex-grow {\n flex-grow: 1;\n}\n.qbs-text-right {\n text-align: right;\n}\n.qbs-readmore-collapse {\n cursor: pointer;\n width: 100%;\n text-align: center;\n display: flex;\n justify-content: center;\n margin-top: 5px;\n}\n.qbs-readmore-collapse div {\n border-radius: 9999px;\n min-width: 1.5rem;\n min-height: 1.5rem;\n padding: 5px;\n}\n.qbs-more-collapse:hover {\n background-color: #d1d5db;\n}\n.qbs-hidden {\n display: none;\n}\n.qbs-autocomplete-selected-suggestions {\n padding: 8px 0px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-suggestions-sub {\n min-height: 184px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-selected-suggestions-outer {\n padding: 0px 8px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-listitem-container{\n padding-top: 0px;\n padding-left: 4px;\n padding-right: 4px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-selected-suggestions-outer span.dropdown-search-icon {\n left: 16px;\n}\n.qbs-autocomplete-selected-suggestions .qbs-autocomplete-selected-suggestions-outer .qbs-all-dropdown-btn {\n right: 16px;\n}\n.selected-items-outer-container {\n display: flex;\n gap: 5px;\n flex-wrap: wrap;\n overflow-x: auto;\n transition: height 3s ease-in-out, opacity 3s ease-in-out,\n padding 1s ease-in-out;\n}\n.qbs-bottom-0{\n bottom: 0;\n}\n.qbs-select-all-link{\n border-bottom: 1px solid var(--border-card-color-default, #d6d8dc);\n padding: 0px 8px;\n}\n.qbs-select-all-link .qbs-autocomplete-suggestions-item {\n margin-top: 5px;\n}\n\n.qbs-select-all-link .qbs-autocomplete-checkbox-container:hover,\n.qbs-select-all-link .qbs-autocomplete-checkbox-container.is-selected,\n.qbs-select-all-link .qbs-autocomplete-suggestions-item:hover\n {\n background: #fff;\n border-radius: 0px;\n}\n.qbs-select-all-link .qbs-autocomplete-listitem-container:hover {\n background-color:#fff !important;\n}\n\n.has-selected-items {\n color: #FF681D !important;\n}\n\n.tools-drop-btn-active {\n color: #FF681D !important;\n}\n.qbs-tab-has-selected-items .qbs-tab-item{\n color: #FF681D !important;\n}\n\n.tooltip-container {\n position: relative;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n}\n\n.bottom {\n .tooltip {\n position: absolute;\n bottom: -40;\n right: 3px;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n max-width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: all 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n\n &.info {\n color: #ffffff !important;\n border: 1px solid #ffffff;\n background-color: #000000;\n right: 1px;\n top: 5px;\n }\n\n &.card {\n color: #ffffff !important;\n border: 1px solid #ffffff;\n background-color: #000000;\n right: -8px;\n top: 5px;\n }\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n top: -4px;\n border: 1px solid #e55353;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .info.tooltip::before {\n border: 1px solid #000000;\n background-color: #000000;\n right: 14px;\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n top: -4px;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n }\n\n .card.tooltip::before {\n border: 1px solid #000000;\n background-color: #000000;\n right: 14px;\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n top: -3px;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n }\n\n .tooltip-container:hover .tooltip {\n top: 46px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n\n &.info {\n top: 30px;\n max-width: 500px;\n position: absolute;\n }\n\n &.card {\n top: 20px;\n max-width: 300px;\n position: absolute;\n }\n }\n .tooltip-info {\n position: absolute;\n bottom: -40;\n right: 3px;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n max-width: 100%;\n z-index: 999;\n top: 46px;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: all 0.3s;\n border: 1px solid #475467;\n background-color: #475467;\n border-radius: 6px;\n }\n .tooltip-info::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n top: -4px;\n border: 1px solid #475467;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #475467;\n }\n\n .tooltip-container:hover .tooltip-info {\n top: 46px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n.top-tool {\n .tooltip {\n position: absolute;\n bottom: 45px !important;\n left: 0;\n top: auto !important;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n white-space: normal;\n z-index: 999;\n font-size: 12px;\n max-width: 100%;\n color: #ff681d !important;\n pointer-events: none;\n transition: all 0.3s;\n border: 1px solid #ff681d;\n background-color: #fff;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n bottom: -4px;\n border: 1px solid #ff681d;\n border-left: none;\n border-top: none;\n transform: translate(50%) rotate(45deg);\n background-color: #fff;\n }\n\n .tooltip-container:hover .tooltip {\n bottom: 45px !important;\n opacity: 1;\n top: auto !important;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n.bottom-tool {\n .tooltip {\n position: absolute;\n bottom: -40;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: max-content;\n max-width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #ff681d !important;\n white-space: wrap;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #ff681d;\n background-color: #fff;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n z-index: 999;\n top: -4px;\n border: 1px solid #ff681d;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #fff;\n }\n\n .tooltip-container:hover .tooltip {\n top: 46px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n\n.right {\n .tooltip {\n position: absolute;\n top: 2.5px;\n left: calc(100% + 9px);\n transform: translateX(0%);\n padding: 8px;\n opacity: 0;\n min-width: 200px;\n max-width: 200px;\n min-height: calc(100% - 16px);\n height: auto;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip-card {\n padding: 3px 10px 4px;\n top: -4px;\n min-width: 175px;\n background-color: #3d414a;\n border: 1px solid #3d414a;\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n left: -8px;\n top: 14px;\n z-index: 999;\n transform: translateY(10px);\n border: 1px solid #e55353;\n border-top: none;\n border-right: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .tooltip-card::before {\n top: 8px;\n background-color: #3d414a;\n border: 1px solid #3d414a;\n }\n\n .tooltip-container:hover {\n .tooltip {\n top: 2.5px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n\n .tooltip-card {\n top: -4px;\n }\n }\n}\n\n.left {\n .tooltip {\n position: absolute;\n top: 2.5px;\n right: calc(100% + 9px);\n transform: translateX(0%);\n padding: 8px;\n opacity: 0;\n min-width: 200px;\n max-width: 200px;\n min-height: calc(100% - 16px);\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 0px;\n top: 14px;\n z-index: 999;\n transform: translateY(10px);\n border: 1px solid #e55353;\n border-bottom: none;\n border-left: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .tooltip-container:hover .tooltip {\n top: 2.5px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n\n.top {\n .tooltip-info {\n position: absolute;\n top: -40;\n left: 0;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #475467;\n background-color: #475467;\n border-radius: 6px;\n }\n\n .tooltip-info::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n bottom: -4px;\n border: 1px solid #475467;\n border-left: none;\n border-top: none;\n transform: translate(50%) rotate(45deg);\n background-color: #475467;\n }\n\n .tooltip-container:hover .tooltip-info {\n top: -40px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n .tooltip {\n position: absolute;\n top: -40;\n left: 0;\n transform: translateX(0%);\n padding: 0.3em 0.6em;\n opacity: 0;\n width: 100%;\n z-index: 999;\n font-size: 12px;\n color: #fff !important;\n pointer-events: none;\n transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n color: rgb(34, 34, 34);\n }\n\n .tooltip::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n z-index: 999;\n bottom: -4px;\n border: 1px solid #e55353;\n border-left: none;\n border-top: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n }\n\n .tooltip-container:hover .tooltip {\n top: -40px;\n opacity: 1;\n visibility: visible;\n z-index: 999;\n pointer-events: auto;\n }\n}\n\n.custom-tooltip-container {\n position: relative;\n display: inline-block;\n}\n\n.custom-text {\n font-size: 18px;\n cursor: pointer;\n}\n\n.custom-tooltip {\n position: absolute;\n top: 100%;\n left: 20%;\n opacity: 0;\n visibility: hidden;\n font-size: 12px;\n background: #deefff;\n border-color: #bee0ff;\n padding: 5px;\n align-items: center;\n transition: opacity 0.3s, visibility 0.3s, top 0.3s, background 0.3s;\n z-index: 1;\n}\n\n.custom-tooltip::before {\n content: \"\";\n position: absolute;\n bottom: 100%;\n left: 20%;\n /* Center the arrow */\n border-width: 9px;\n /* Slightly larger to act as border */\n border-style: solid;\n border-color: transparent transparent #bee0ff transparent;\n /* Border color */\n transform: translateX(-20%);\n z-index: -1;\n /* Ensure it's behind the ::after pseudo-element */\n}\n\n.custom-tooltip::after {\n content: \"\";\n position: absolute;\n bottom: 100%;\n left: 20%;\n border-width: 8px;\n border-style: solid;\n border-color: transparent transparent #deefff transparent;\n transform: translateX(-20%);\n z-index: 1;\n}\n\n.custom-tooltip-container:hover .custom-tooltip {\n top: 100%;\n opacity: 1;\n visibility: visible;\n background: #deefff;\n transform: translate(-20%, 10px);\n}\n\n/* Portal tooltip version used outside .tooltip-container */\n.tooltip-info-portal {\n /* position/transform set inline in React (portal) */\n padding: 0.3em 0.6em;\n opacity: 1;\n width: max-content;\n max-width: 100%;\n font-size: 12px;\n color: #fff !important;\n pointer-events: auto;\n transition: opacity 0.2s, visibility 0.2s;\n border: 1px solid #475467;\n background-color: #475467;\n border-radius: 6px;\n}\n\n.tooltip-info-portal::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 20px;\n top: -4px;\n border: 1px solid #475467;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #475467;\n}\n\n.tooltip-portal-error {\n /* position/transform set inline in React (portal); avoid CSS overriding anchor */\n padding: 0.3em 0.6em;\n opacity: 1;\n width: max-content;\n max-width: 320px;\n font-size: 12px;\n color: #fff !important;\n pointer-events: auto;\n transition: opacity 0.2s, visibility 0.2s;\n border: 1px solid #e55353;\n background-color: #e55353;\n border-radius: 6px;\n}\n\n.tooltip-portal-error::before {\n position: absolute;\n content: \"\";\n height: 0.6em;\n width: 0.6em;\n right: 8px;\n top: -4px;\n border: 1px solid #e55353;\n border-right: none;\n border-bottom: none;\n transform: translate(50%) rotate(45deg);\n background-color: #e55353;\n}\n\n";
6
6
  //# sourceMappingURL=stylesContent.js.map
package/dist/generated/stylesContent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stylesContent.js","sourceRoot":"","sources":["../../src/generated/stylesContent.ts"],"names":[],"mappings":";;;AAAA,8DAA8D;AACjD,QAAA,MAAM,GAAG,84qDAA84qD,CAAC"}
1
+ {"version":3,"file":"stylesContent.js","sourceRoot":"","sources":["../../src/generated/stylesContent.ts"],"names":[],"mappings":";;;AAAA,8DAA8D;AACjD,QAAA,MAAM,GAAG,urgEAAurgE,CAAC"}