/* Fixed, component-scoped colors maintain contrast in all seven themes. */
#retentionHelp[hidden], #retentionHelpTip[hidden] { display:none!important; }
#retentionHelp { display:inline-flex; vertical-align:middle; margin-left:5px; line-height:1; }
body #retentionHelp .retention-help-button {
  display:inline-grid!important; place-items:center; box-sizing:border-box;
  width:18px!important; height:18px!important; min-width:18px!important; min-height:18px!important;
  margin:0!important; padding:0!important; border:1.5px solid #174b60!important;
  border-radius:50%!important; background:#fff!important; color:#174b60!important;
  font:800 12px/1 Arial,sans-serif!important; box-shadow:none!important;
  text-shadow:none!important; cursor:help; transform:none!important; opacity:1!important;
}
body #retentionHelp .retention-help-button:hover,
body #retentionHelp .retention-help-button:focus-visible,
body #retentionHelp .retention-help-button:active {
  background:#174b60!important; color:#fff!important; border-color:#174b60!important;
}
body #retentionHelp .retention-help-button:focus-visible {
  outline:2px solid #174b60!important; outline-offset:3px!important;
  box-shadow:0 0 0 3px #fff!important;
}
body #retentionHelpTip {
  position:fixed!important; z-index:10000!important; box-sizing:border-box;
  width:max-content; max-width:min(420px,calc(100vw - 16px)); margin:0!important;
  padding:10px 13px!important; border:1px solid #fff!important; border-radius:9px!important;
  background:#153b48!important; color:#fff!important; font:500 13px/1.7 "Microsoft YaHei",sans-serif!important;
  white-space:normal!important; text-align:left!important; text-shadow:none!important;
  box-shadow:0 6px 20px #001b2b40!important; pointer-events:none;
}