/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/driver.js/dist/driver.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/custom_driver_styles.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
/* Custom Driver.js Popover Styles for Moove Layout */

/* 
  Instructions:
  1. Save this code as a CSS file (e.g., `custom_driver_styles.css`) in your project's assets or styles folder.
  2. Import this CSS file globally in your application (e.g., in your main layout component or global CSS import file).
  3. Add the custom class `moove-driver-popover` to the driver configuration, either globally or per step:

  Globally:
  const driverObj = driver({
    // ... other global options
    popoverClass: 'moove-driver-popover', 
    steps: [...]
  });

  Per Step:
  const steps = [
    {
      element: '#some-element',
      popover: {
        title: 'Step Title',
        description: 'Step description.',
        popoverClass: 'moove-driver-popover' // Apply class to this specific step
      }
    },
    // ... other steps
  ];
*/

/* Base Popover Style */
.moove-driver-popover {
  background-color: #0193ab; /* Teal color from header */
  color: #FFFFFF; /* White text */
  border-radius: 8px; /* Consistent rounded corners */
  padding: 18px 25px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; /* Common system font stack */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* Slightly more defined shadow */
  border: 1px solid #666666; /* Subtle border */
  max-width: 350px; /* Adjust max-width as needed */
}

/* Popover Title */
.moove-driver-popover .driver-popover-title {
  font-size: 1.15em; /* Slightly larger title */
  font-weight: 600; /* Semi-bold */
  margin: 0 0 12px 0; /* Adjusted margin */
  padding: 0;
  color: #FFFFFF; 
  line-height: 1.3;
}

/* Popover Description */
.moove-driver-popover .driver-popover-description {
  font-size: 0.98em; /* Slightly larger description */
  line-height: 1.6;
  margin-bottom: 18px;
  color: #E0E0E0; /* Lighter gray for readability */
}

/* Footer (containing buttons and progress) */
.moove-driver-popover .driver-popover-footer {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Navigation Buttons (Next, Previous) */
.moove-driver-popover .driver-popover-navigation-btns button {
  background-color: #3D3D3D; /* Dark gray inspired by user bar/sidebar */
  color: #FFFFFF;
  border: none;
  padding: 8px 18px; /* Adjusted padding */
  border-radius: 6px; /* Rounded corners for buttons */
  cursor: pointer;
  font-size: 0.95em;
  font-weight: 500;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.moove-driver-popover .driver-popover-navigation-btns button:hover {
  background-color: #707070; /* Darker teal on hover */
}

.moove-driver-popover .driver-popover-navigation-btns button:active {
  transform: scale(0.98);
}

/* Disabled button style */
.moove-driver-popover .driver-popover-navigation-btns button:disabled {
  background-color: #999999; /* Gray out disabled buttons */
  cursor: not-allowed;
  opacity: 0.6;
}

/* Space between Prev/Next buttons if both are visible */
.moove-driver-popover .driver-popover-navigation-btns button + button {
    margin-left: 8px;
}

/* Close Button (Top Right 'X') */
.moove-driver-popover .driver-popover-close-btn {
  background: none;
  border: none;
  color: #FFFFFF; /* Muted gray */
  font-size: 1.5em; /* Make X slightly larger */
  line-height: 1;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: color 0.2s ease;
  position: absolute;
  top: 12px; /* Adjust position */
  right: 12px;
}

.moove-driver-popover .driver-popover-close-btn:hover {
  color: #FFFFFF; /* White on hover */
}

/* Popover Arrow */
/* Match arrow color to popover background */
.moove-driver-popover.driver-popover-position-bottom .driver-popover-arrow-side-top {
  border-bottom-color: #4D4D4D;
}

.moove-driver-popover.driver-popover-position-top .driver-popover-arrow-side-bottom {
  border-top-color: #4D4D4D;
}

.moove-driver-popover.driver-popover-position-left .driver-popover-arrow-side-right {
  border-left-color: #4D4D4D;
}

.moove-driver-popover.driver-popover-position-right .driver-popover-arrow-side-left {
  border-right-color: #4D4D4D;
}

/* Progress Text (e.g., "1 of 5") */
.moove-driver-popover .driver-popover-progress-text {
    font-size: 0.9em;
    color: #FFFFFF; /* Muted gray */
    margin: 0 10px; /* Add some margin */
}