:root {
       --primary-common: #83E9CA;
       --primary-light: #f0fdf9;
       --primary-border: #b3f0dd;
       --text-dark: #333;
       --text-light: #666;
       --bg-gray: #f3f3f3;
   }


   /* ============================================================================
   NOTIFICATION TOAST - New Design (Larger icons, two lines, close button)
   ============================================================================ */



   .mm-notification {
       position: fixed;
       top: 20px;
       right: 20px;
       z-index: 9999;
       padding: 20px 24px;
       border-radius: 12px;
       box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
       animation: mm-slideIn 0.3s ease;
       min-width: 380px;
       max-width: 450px;
       display: flex;
       align-items: flex-start;
       gap: 16px;
       font-size: 14px;
       transition: all 0.3s ease;
       border-width: 2px;
       border-style: solid;
   }

   /*  Success notification - Green */
   .mm-notification-success {
       background-color: #ecfdf3;
       border-color: #12b76a;
       color: #12b76a;
   }

   .mm-notification-success .mm-notification-icon {
       background-color: #10B981;
       color: white;
   }

   .mm-notification-success .mm-notification-title {
       color: #047857;
   }

   .mm-notification-success .mm-notification-message {
       color: #12b76a;
   }

   /*  Error notification - Red */
   .mm-notification-error {
       background-color: #FEE2E2;
       border-color: #FCA5A5;
       color: #991B1B;
   }

   .mm-notification-error .mm-notification-icon {
       background-color: #EF4444;
       color: white;
   }

   .mm-notification-error .mm-notification-title {
       color: #DC2626;
   }

   .mm-notification-error .mm-notification-message {
       color: #991B1B;
   }

   /*  Info notification - Blue */
   .mm-notification-info {
       background-color: #DBEAFE;
       border-color: #93C5FD;
       color: #1E3A8A;
   }

   .mm-notification-info .mm-notification-icon {
       background-color: #3B82F6;
       color: white;
   }

   .mm-notification-info .mm-notification-title {
       color: #1D4ED8;
   }

   .mm-notification-info .mm-notification-message {
       color: #1E3A8A;
   }

   /*  Warning notification - Yellow */
   .mm-notification-warning {
       background-color: #FEF3C7;
       border-color: #FCD34D;
       color: #92400E;
   }

   .mm-notification-warning .mm-notification-icon {
       background-color: #F59E0B;
       color: white;
   }

   .mm-notification-warning .mm-notification-title {
       color: #D97706;
   }

   .mm-notification-warning .mm-notification-message {
       color: #92400E;
   }

   /* Icon container - Larger circle */
   .mm-notification-icon {
       width: 48px;
       height: 48px;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       flex-shrink: 0;
   }

   .mm-notification-icon svg {
       width: 28px;
       height: 28px;
   }

   /* Content area */
   .mm-notification-content {
       flex: 1;
       display: flex;
       flex-direction: column;
       gap: 4px;
       padding-top: 4px;
   }

   /* Title (first line) */
   .mm-notification-title {
       font-size: 16px;
       font-weight: 600;
       line-height: 1.3;
       margin: 0;
   }

   /* Message (second line) */
   .mm-notification-message {
       font-size: 14px;
       font-weight: 400;
       line-height: 1.4;
       margin: 0;
       opacity: 0.9;
   }

   /* Close button */
   .mm-notification-close {
       background: none;
       border: none;
       width: 24px;
       height: 24px;
       cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 4px;
       flex-shrink: 0;
       margin-top: 2px;
       padding: 0;
       transition: background 0.2s ease;
       color: inherit;
       opacity: 0.6;
   }

   .mm-notification-close:hover {
       opacity: 1;
       background: rgba(0, 0, 0, 0.1);
   }

   .mm-notification-close svg {
       width: 16px;
       height: 16px;
   }

   /* Animation */
   @keyframes mm-slideIn {
       from {
           transform: translateX(100%);
           opacity: 0;
       }

       to {
           transform: translateX(0);
           opacity: 1;
       }
   }




   .mm-generic-btn {
       height: 38px;
       padding: 10px 20px;
       border-radius: 6px;
       font-size: 12px;
       line-height: 1.4;
       text-transform: uppercase;
       font-weight: 600;
       cursor: pointer;
       transition: all 0.2s ease;
       min-width: 100px;
       border: none;
       letter-spacing: 0.3px;
   }

   .mm-generic-btn-primary {
       background: #0f172a;
       color: #ffffff;
   }

   .mm-generic-btn-cancel {
       border: 1px solid #6b7280;
       background: transparent;
       color: #6b7280;
   }

   .mm-generic-btn-delete {
       background: #f04438;
       color: #ffffff;
   }

   .mm-generic-btn-primary:hover {
       background: #1e293b;
   }

   .mm-generic-btn-cancel:hover {
       background: #f9fafb;
       border-color: #4b5563;
       color: #4b5563;
   }

   .mm-generic-btn-delete:hover {
       background: #d63b30;
   }

   .mm-generic-btn-primary:active {
       transform: translateY(1px);
   }

   .mm-generic-btn-delete:active {
       transform: translateY(1px);
   }





   /* Loading
   .sdm-loader {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.6);
       display: flex;
       justify-content: center;
       align-items: center;
       z-index: 9999;
   }

   .sdm-loader-spinner {
       width: 50px;
       height: 50px;
       border: 5px solid #f3f3f3;
       border-top: 5px solid var(--primary-common);
       border-radius: 50%;
       animation: spin 1s linear infinite;
   }

   @keyframes spin {
       0% {
           transform: rotate(0deg);
       }

       100% {
           transform: rotate(360deg);
       }
   }

   .sdm-loader-text {
       color: white;
       margin-top: 16px;
       font-weight: 500;
   } */






   /* Loading */
   .sdm-loader {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.4);
       display: flex;
       justify-content: center;
       align-items: center;
       z-index: 9999;
   }

   .sdm-loader-content {
       position: relative;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .sdm-loader-gif {
       width: 250px;
       height: 180px;
       object-fit: contain;
       display: block;
   }

   .sdm-loader-text {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       margin-top: 40px;
       color: #333;
       font-weight: 500;
       font-size: 20px;
       letter-spacing: 0.5px;
   }






   .mm-tags-placeholder {
       color: #848f99 !important;
       opacity: 0.7 !important;
       font-weight: 500;
   }



   /* ADD THIS */
   .mm-common-tooltip {
       position: fixed;
       background: #ffffff;
       color: #2D3748;
       padding: 8px 12px;
       border-radius: 6px;
       font-size: 12px;

       /* ✅ FIX: Max width and text wrapping */
       white-space: normal;
       /* Allow text to wrap */
       word-wrap: break-word;
       /* Break long words */
       max-width: 300px;
       /* Maximum width - adjust as needed */
       /* min-width: 100px;             Minimum width */
       line-height: 1.4;
       /* Better readability for multi-line */
       text-align: left;
       /* Align text left */

       opacity: 0;
       pointer-events: none;
       transition: opacity 0.2s ease;
       z-index: 99999;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   }

   .mm-common-tooltip::after {
       content: '';
       position: absolute;
       top: 100%;
       left: 50%;
       transform: translateX(-50%);
       border-width: 6px;
       border-style: solid;
       border-color: #ffffff transparent transparent transparent;
   }

   .mm-common-tooltip.show {
       opacity: 1;
   }


   /* ADD THIS
        .mm-common-tooltip {
            position: fixed;
            background: #ffffff;
            color: #2D3748;
            padding: 8px 12px;
            border-radius: 6px;
            font-size: 12px;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.2s ease;
            z-index: 99999;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        }

        .mm-common-tooltip::after {
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            border-width: 6px;
            border-style: solid;
            border-color: #ffffff transparent transparent transparent;
        }

        .mm-common-tooltip.show {
            opacity: 1;
        } */



















   .mm-custom-dropdown-search input::placeholder,
   .mm-dropdown-search input::placeholder {
       color: #848f99 !important;
       opacity: 0.7 !important;
       font-weight: 500;
   }

    /* Search highlight */
   .search-highlight {
       background-color: #fff176;
       color: #081e32;
       border-radius: 2px;
       padding: 0 1px;
   }