react-core-ts 2.1.39 → 2.1.41

package/dist/components/customIcons/iconslibrary/ShpSmallIcon.d.ts

@@ -1,2 +1,2 @@
-declare const ShipSmallIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipSmallIcon: () => import("react").JSX.Element;
 export default ShipSmallIcon;

package/dist/components/customIcons/iconslibrary/SideMenuLogoutIcon.d.ts

@@ -1,2 +1,2 @@
-declare const SideMenuLogout: () => import("react/jsx-runtime").JSX.Element;
+declare const SideMenuLogout: () => import("react").JSX.Element;
 export default SideMenuLogout;

package/dist/components/customIcons/iconslibrary/Slash.d.ts

@@ -1,2 +1,3 @@
-declare const Slash: () => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+declare const Slash: () => React.JSX.Element;
 export default Slash;

package/dist/components/customIcons/iconslibrary/SortArrow.d.ts

@@ -1,2 +1,2 @@
-declare const SortArrow: () => import("react/jsx-runtime").JSX.Element;
+declare const SortArrow: () => import("react").JSX.Element;
 export default SortArrow;

package/dist/components/customIcons/iconslibrary/SortAscIcon.d.ts

@@ -1,2 +1,2 @@
-declare const SortAscIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const SortAscIcon: () => import("react").JSX.Element;
 export default SortAscIcon;

package/dist/components/customIcons/iconslibrary/SortDescIcon.d.ts

@@ -1,2 +1,2 @@
-declare const SortDesc: () => import("react/jsx-runtime").JSX.Element;
+declare const SortDesc: () => import("react").JSX.Element;
 export default SortDesc;

package/dist/components/customIcons/iconslibrary/SortDown.d.ts

@@ -1,2 +1,2 @@
-declare const SortDown: () => import("react/jsx-runtime").JSX.Element;
+declare const SortDown: () => import("react").JSX.Element;
 export default SortDown;

package/dist/components/customIcons/iconslibrary/StaredVerifiedIcon.d.ts

@@ -1,2 +1,2 @@
-declare const StaredVerifiedIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const StaredVerifiedIcon: () => import("react").JSX.Element;
 export default StaredVerifiedIcon;

package/dist/components/customIcons/iconslibrary/StepperCheckIcon.d.ts

@@ -1,2 +1,2 @@
-declare const StepperCheckIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const StepperCheckIcon: () => import("react").JSX.Element;
 export default StepperCheckIcon;

package/dist/components/customIcons/iconslibrary/SubFunctionsIcon.d.ts

@@ -1,2 +1,2 @@
-declare const SubFunctionIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const SubFunctionIcon: () => import("react").JSX.Element;
 export default SubFunctionIcon;

package/dist/components/customIcons/iconslibrary/SubMenuList.d.ts

@@ -1,2 +1,2 @@
-declare const SubMenuListIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const SubMenuListIcon: () => import("react").JSX.Element;
 export default SubMenuListIcon;

package/dist/components/customIcons/iconslibrary/SuccessIcon.d.ts

@@ -1,2 +1,2 @@
-declare const CustomSuccessIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const CustomSuccessIcon: () => import("react").JSX.Element;
 export default CustomSuccessIcon;

package/dist/components/customIcons/iconslibrary/SwitchVertical.d.ts

@@ -1,2 +1,3 @@
-declare const SwitchVertical: () => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+declare const SwitchVertical: () => React.JSX.Element;
 export default SwitchVertical;

package/dist/components/customIcons/iconslibrary/TableViewDash.d.ts

@@ -1,2 +1,2 @@
-declare const TableViewDash: () => import("react/jsx-runtime").JSX.Element;
+declare const TableViewDash: () => import("react").JSX.Element;
 export default TableViewDash;

package/dist/components/customIcons/iconslibrary/ThreeDotIcon.d.ts

@@ -1,2 +1,2 @@
-declare const ThreeDotIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const ThreeDotIcon: () => import("react").JSX.Element;
 export default ThreeDotIcon;

package/dist/components/customIcons/iconslibrary/ThreeDotIconHorizontal.d.ts

@@ -1,2 +1,2 @@
-declare const ThreeDotIconHorizontal: () => import("react/jsx-runtime").JSX.Element;
+declare const ThreeDotIconHorizontal: () => import("react").JSX.Element;
 export default ThreeDotIconHorizontal;

package/dist/components/customIcons/iconslibrary/ThreeDotLineIcon.d.ts

@@ -1,2 +1,2 @@
-declare const ThreeDotLineIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const ThreeDotLineIcon: () => import("react").JSX.Element;
 export default ThreeDotLineIcon;

package/dist/components/customIcons/iconslibrary/Tonnage.d.ts

@@ -1,2 +1,3 @@
-declare const Tonnage: () => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+declare const Tonnage: () => React.JSX.Element;
 export default Tonnage;

package/dist/components/customIcons/iconslibrary/TreeColapseicon.d.ts

@@ -1,2 +1,2 @@
-declare const TreeColapseIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const TreeColapseIcon: () => import("react").JSX.Element;
 export default TreeColapseIcon;

package/dist/components/customIcons/iconslibrary/TreeExpandIcon.d.ts

@@ -1,2 +1,2 @@
-declare const TreeExpandIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const TreeExpandIcon: () => import("react").JSX.Element;
 export default TreeExpandIcon;

package/dist/components/customIcons/iconslibrary/UpArrow.d.ts

@@ -1,2 +1,2 @@
-declare const UpArrowIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const UpArrowIcon: () => import("react").JSX.Element;
 export default UpArrowIcon;

package/dist/components/customIcons/iconslibrary/UpArrowRounded.d.ts

@@ -1,2 +1,2 @@
-declare const UpArrowRoundedIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const UpArrowRoundedIcon: () => import("react").JSX.Element;
 export default UpArrowRoundedIcon;

package/dist/components/customIcons/iconslibrary/UploadPhoto.d.ts

@@ -1,2 +1,2 @@
-declare const UploadPhoto: () => import("react/jsx-runtime").JSX.Element;
+declare const UploadPhoto: () => import("react").JSX.Element;
 export default UploadPhoto;

package/dist/components/customIcons/iconslibrary/UserEdit.d.ts

@@ -1,2 +1,2 @@
-declare const UserEdit: () => import("react/jsx-runtime").JSX.Element;
+declare const UserEdit: () => import("react").JSX.Element;
 export default UserEdit;

package/dist/components/customIcons/iconslibrary/ValidationRuleIcon.d.ts

@@ -1,2 +1,3 @@
-declare const ValidationRuleIcon: () => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+declare const ValidationRuleIcon: () => React.JSX.Element;
 export default ValidationRuleIcon;

package/dist/components/customIcons/iconslibrary/VendorIcon.d.ts

@@ -1,2 +1,2 @@
-declare const VendorIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const VendorIcon: () => import("react").JSX.Element;
 export default VendorIcon;

package/dist/components/customIcons/iconslibrary/Verified.d.ts

@@ -1,2 +1,2 @@
-declare const Verified: () => import("react/jsx-runtime").JSX.Element;
+declare const Verified: () => import("react").JSX.Element;
 export default Verified;

package/dist/components/customIcons/iconslibrary/VerifiedIcon.d.ts

@@ -1,2 +1,2 @@
-declare const VerifiedBlue: () => import("react/jsx-runtime").JSX.Element;
+declare const VerifiedBlue: () => import("react").JSX.Element;
 export default VerifiedBlue;

package/dist/components/customIcons/iconslibrary/VesselScheduleShip.d.ts

@@ -1,2 +1,2 @@
-declare const VesselScheduleShip: () => import("react/jsx-runtime").JSX.Element;
+declare const VesselScheduleShip: () => import("react").JSX.Element;
 export default VesselScheduleShip;

package/dist/components/customIcons/iconslibrary/VolumeIcon.d.ts

@@ -1,2 +1,2 @@
-declare const VolumeIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const VolumeIcon: () => import("react").JSX.Element;
 export default VolumeIcon;

package/dist/components/customIcons/iconslibrary/Wallet.d.ts

@@ -1,2 +1,3 @@
-declare const Wallet: () => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+declare const Wallet: () => React.JSX.Element;
 export default Wallet;

package/dist/components/customIcons/iconslibrary/Warning.d.ts

@@ -1,2 +1,2 @@
-declare const WarningIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const WarningIcon: () => import("react").JSX.Element;
 export default WarningIcon;

package/dist/components/customIcons/iconslibrary/WorkflowIcon.d.ts

@@ -1,2 +1,2 @@
-declare const WorkflowIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const WorkflowIcon: () => import("react").JSX.Element;
 export default WorkflowIcon;

package/dist/components/customIcons/iconslibrary/WorkflowStatusIcon.d.ts

@@ -1,2 +1,2 @@
-declare const WorkflowStatusIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const WorkflowStatusIcon: () => import("react").JSX.Element;
 export default WorkflowStatusIcon;

package/dist/components/customIcons/iconslibrary/collapseIconDash.d.ts

@@ -1,2 +1,2 @@
-declare const collapseIconDash: () => import("react/jsx-runtime").JSX.Element;
+declare const collapseIconDash: () => import("react").JSX.Element;
 export default collapseIconDash;

package/dist/components/customIcons/iconslibrary/ship/Icon1.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon1: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon1: () => import("react").JSX.Element;
 export default ShipIcon1;

package/dist/components/customIcons/iconslibrary/ship/Icon10.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon10: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon10: () => import("react").JSX.Element;
 export default ShipIcon10;

package/dist/components/customIcons/iconslibrary/ship/Icon11.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon11: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon11: () => import("react").JSX.Element;
 export default ShipIcon11;

package/dist/components/customIcons/iconslibrary/ship/Icon12.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon12: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon12: () => import("react").JSX.Element;
 export default ShipIcon12;

package/dist/components/customIcons/iconslibrary/ship/Icon13.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon13: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon13: () => import("react").JSX.Element;
 export default ShipIcon13;

package/dist/components/customIcons/iconslibrary/ship/Icon14.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon14: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon14: () => import("react").JSX.Element;
 export default ShipIcon14;

package/dist/components/customIcons/iconslibrary/ship/Icon15.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon15: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon15: () => import("react").JSX.Element;
 export default ShipIcon15;

package/dist/components/customIcons/iconslibrary/ship/Icon16.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon16: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon16: () => import("react").JSX.Element;
 export default ShipIcon16;

package/dist/components/customIcons/iconslibrary/ship/Icon2.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon2: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon2: () => import("react").JSX.Element;
 export default ShipIcon2;

package/dist/components/customIcons/iconslibrary/ship/Icon3.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon3: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon3: () => import("react").JSX.Element;
 export default ShipIcon3;

package/dist/components/customIcons/iconslibrary/ship/Icon4.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon4: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon4: () => import("react").JSX.Element;
 export default ShipIcon4;

package/dist/components/customIcons/iconslibrary/ship/Icon5.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon5: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon5: () => import("react").JSX.Element;
 export default ShipIcon5;

package/dist/components/customIcons/iconslibrary/ship/Icon6.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon6: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon6: () => import("react").JSX.Element;
 export default ShipIcon6;

package/dist/components/customIcons/iconslibrary/ship/Icon7.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon7: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon7: () => import("react").JSX.Element;
 export default ShipIcon7;

package/dist/components/customIcons/iconslibrary/ship/Icon8.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon8: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon8: () => import("react").JSX.Element;
 export default ShipIcon8;

package/dist/components/customIcons/iconslibrary/ship/Icon9.d.ts

@@ -1,2 +1,2 @@
-declare const ShipIcon9: () => import("react/jsx-runtime").JSX.Element;
+declare const ShipIcon9: () => import("react").JSX.Element;
 export default ShipIcon9;

package/dist/components/customIcons/iconslibrary/uploadButtonIcon.d.ts

@@ -1,2 +1,2 @@
-declare const UploadButtonIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const UploadButtonIcon: () => import("react").JSX.Element;
 export default UploadButtonIcon;

package/dist/components/customIcons/upTreeArrowIcon.d.ts

@@ -1,2 +1,2 @@
-declare const UpTreeArrow: () => import("react/jsx-runtime").JSX.Element;
+declare const UpTreeArrow: () => import("react").JSX.Element;
 export default UpTreeArrow;

package/dist/generated/stylesContent.d.ts

@@ -0,0 +1,2 @@
+/** Auto-generated by scripts/build-styles.js — do not edit */
+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}\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";