.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.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 .4s ease-in-out;animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .4s;animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-popover{all:unset;font-family:"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.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{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}
/*$vite$:1*/
/*
 * SPEC-UL-0243 — ptm-spa styling for the driver.js coach-mark popover. driver.js
 * renders its popover in a portal outside React, so makeStyles can't reach it;
 * this scoped override (applied via the `ptm-tour` popoverClass) gives it the
 * app's look: flat buttons, primary-blue "next/done", rounded corners, app font.
 * Colours mirror the theme palette (primary #0A57E9) — kept in sync by hand.
 */

.driver-popover.ptm-tour {
  border-radius: 12px;
  padding: 18px 20px 16px;
  box-shadow: 0 12px 40px rgba(11, 31, 58, 0.24);
  font-family: inherit;
  max-width: 340px;
  border-top: 3px solid #0a57e9;
}

.driver-popover.ptm-tour .driver-popover-title {
  font-size: 16px;
  font-weight: 700;
  color: #0b1f3a;
  margin-bottom: 6px;
}

.driver-popover.ptm-tour .driver-popover-description {
  font-size: 14px;
  line-height: 1.55;
  color: #33404f;
}

.driver-popover.ptm-tour .driver-popover-progress-text {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
}

.driver-popover.ptm-tour .driver-popover-navigation-btns {
  gap: 8px;
  padding-top: 12px;
}

/* Element in the selector so it beats driver.js' own button rules. */
.driver-popover.ptm-tour .driver-popover-navigation-btns button {
  text-shadow: none;
  background: #ffffff;
  border: 1px solid #d6deea;
  border-radius: 8px;
  padding: 7px 16px;
  min-width: 84px;
  font-size: 13px;
  font-weight: 600;
  color: #0b1f3a;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.driver-popover.ptm-tour .driver-popover-navigation-btns button:hover {
  background: #f0f4fa;
  border-color: #c2cede;
}

/* Primary "next / done" — higher specificity (extra class) than the rule above. */
.driver-popover.ptm-tour
  .driver-popover-navigation-btns
  button.driver-popover-next-btn {
  background: #0a57e9;
  border-color: #0a57e9;
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(10, 87, 233, 0.3);
}

.driver-popover.ptm-tour
  .driver-popover-navigation-btns
  button.driver-popover-next-btn:hover {
  background: #0848c2;
  border-color: #0848c2;
}

.driver-popover.ptm-tour .driver-popover-close-btn {
  color: #6b7280;
  transition: color 0.15s ease;
}

.driver-popover.ptm-tour .driver-popover-close-btn:hover {
  color: #0b1f3a;
}

