/* Duck Desk — guided tour overlay (spotlight + tooltip). Neon accent, on-brand. */
.ddt-launch {
  position: fixed; left: 18px; bottom: 18px; z-index: 9300;
  display: inline-flex; align-items: center; gap: 7px; padding: 9px 15px;
  border-radius: 999px; border: 1px solid rgba(73,248,57,.45);
  background: var(--smd-panel, #16223f); color: var(--smd-neon, #49f839);
  font: 700 13px/1 "Open Sans", system-ui, sans-serif; cursor: pointer;
  box-shadow: 0 8px 24px rgba(0,0,0,.4);
}
.ddt-launch:hover { background: color-mix(in srgb, var(--smd-neon, #49f839) 14%, var(--smd-panel, #16223f)); }
.ddt-launch__q { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--smd-neon, #49f839); color: #0b1020; font-size: 12px; }

.ddt-ring {
  position: fixed; z-index: 9500; border-radius: 10px; pointer-events: none;
  outline: 2px solid var(--smd-neon, #49f839); outline-offset: 0;
  box-shadow: 0 0 0 9999px rgba(8,15,29,.74), 0 0 18px rgba(73,248,57,.5);
  transition: left .22s cubic-bezier(.22,1,.36,1), top .22s cubic-bezier(.22,1,.36,1), width .22s cubic-bezier(.22,1,.36,1), height .22s cubic-bezier(.22,1,.36,1);
}

.ddt-tip {
  position: fixed; z-index: 9501; width: 320px; max-width: calc(100vw - 24px); padding: 16px;
  border-radius: 14px; background: var(--smd-panel, #16223f); border: 1px solid rgba(255,255,255,.14);
  color: #e8eefc; box-shadow: 0 18px 48px rgba(0,0,0,.55); font-family: "Open Sans", system-ui, sans-serif;
}
.ddt-tip__title { font-weight: 800; font-size: 15px; color: #fff; margin: 0 0 6px; }
.ddt-tip__text { font-size: 13px; line-height: 1.5; color: #c4d2ee; margin: 0 0 12px; }
.ddt-tip__dismiss { display: flex; align-items: center; gap: 7px; margin: 0 0 12px; cursor: pointer; font: 600 12px/1.3 "Open Sans", system-ui, sans-serif; color: #9fb0d0; user-select: none; }
.ddt-tip__dismiss:hover { color: #c4d2ee; }
.ddt-tip__dismiss input { width: 14px; height: 14px; accent-color: #36d399; cursor: pointer; margin: 0; flex: none; }
.ddt-tip__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ddt-tip__nav { display: inline-flex; align-items: center; gap: 8px; }
.ddt-tip__count { font: 600 11px/1 ui-monospace, "SFMono-Regular", Menlo, monospace; color: #9fb0d0; margin-right: 2px; }
.ddt-skip { background: none; border: 0; padding: 6px 4px; cursor: pointer; font: 600 12px/1 "Open Sans", system-ui, sans-serif; color: #9fb0d0; }
.ddt-skip:hover { color: #fff; }
.ddt-back, .ddt-next { font: 700 12px/1 "Open Sans", system-ui, sans-serif; padding: 8px 14px; border-radius: 8px; cursor: pointer; }
.ddt-back { background: transparent; border: 1px solid rgba(255,255,255,.16); color: #e8eefc; }
.ddt-next { background: var(--smd-neon, #49f839); border: 1px solid transparent; color: #0b1020; }

@media print { .ddt-launch, .ddt-ring, .ddt-tip { display: none !important; } }